@import"https://fonts.googleapis.com/css2?family=Bitter:ital,wght@0,400;0,500;0,600;1,400;1,500;1,600&family=Rubik:ital,wght@0,400;0,500;0,600;1,400;1,500&family=Work+Sans:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600&display=swap";@import"https://fonts.googleapis.com/css2?family=Raleway:wght@400;500&display=swap";@import"https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,400;0,700;1,400&display=swap";@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:ital,wght@0,400;0,500;0,600;1,400;1,500;1,600&display=swap";@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Condensed:ital,wght@0,400;0,500;0,600;0,700;1,400&display=swap";@import"https://fonts.googleapis.com/css2?family=Merriweather+Sans:ital,wght@0,400;0,500;0,600;0,700;1,400&display=swap";@import"https://fonts.googleapis.com/css2?family=Space+Mono:ital@1&display=swap";.main-container:where(.astro-P2VF4QNG){display:grid;grid-template-columns:20% 80%;grid-template-rows:1fr auto;height:100%}#hamburguer-menu:where(.astro-P2VF4QNG){display:none}#hamburguer-menu:where(.astro-P2VF4QNG)>.fa-bars:where(.astro-P2VF4QNG){color:#fff}.slot-layout:where(.astro-P2VF4QNG){padding:0 30px;overflow-y:scroll;height:100%}slot:where(.astro-P2VF4QNG){overflow-y:scroll}#footer:where(.astro-P2VF4QNG){width:100%;grid-column:span 2;background-color:var(--bg-secondary);color:#fff;font-size:11px;font-weight:600;font-family:var(--text-font)}.marquee-content:where(.astro-P2VF4QNG){display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:50%;padding:.2rem}.footer-p-styled:where(.astro-P2VF4QNG){text-decoration:none;color:#50fa7b}@media only screen and (max-width: 1440px){.sidebar-list:where(.astro-P2VF4QNG){gap:20px}.avatar:where(.astro-P2VF4QNG){height:200px;width:200px}.my-name:where(.astro-P2VF4QNG){font-size:28px}.my-role:where(.astro-P2VF4QNG){font-size:12px}.element-name:where(.astro-P2VF4QNG){font-size:16px}.slot-content:where(.astro-P2VF4QNG){font-size:14px}}@media only screen and (max-width: 1024px){.avatar:where(.astro-P2VF4QNG){height:150px;width:150px}}@media only screen and (max-width: 768px){.main-container:where(.astro-P2VF4QNG){display:flex;flex-direction:column}.sidebar-main:where(.astro-P2VF4QNG){display:flex;flex-direction:row;align-items:center;gap:1rem;margin:.4rem 0 .4rem .4rem}#hamburguer-menu:where(.astro-P2VF4QNG){display:block;place-self:center end;margin-right:1rem}.sidebar-layout:where(.astro-P2VF4QNG){align-items:center;height:fit-content;display:grid;grid-template-columns:repeat(2,1fr);justify-content:center}.sidebar-list:where(.astro-P2VF4QNG){align-items:flex-start;gap:.5rem;width:100%;padding:1rem;box-sizing:border-box}.sidebar-list-container:where(.astro-P2VF4QNG){grid-column:span 2;height:100vh;justify-content:center}.list-element:where(.astro-P2VF4QNG){padding:.5rem;width:100%;box-sizing:border-box;text-align:center}.avatar:where(.astro-P2VF4QNG){height:60px;width:60px}.my-name:where(.astro-P2VF4QNG){font-size:16px;margin-top:0}.my-role:where(.astro-P2VF4QNG){margin-top:0;display:none}.element-name:where(.astro-P2VF4QNG){font-size:18px}.sidebar-list-container:where(.astro-P2VF4QNG){display:none}}@media only screen and (max-width: 425px){.sidebar-main:where(.astro-P2VF4QNG){flex-grow:1;flex-wrap:wrap}.sidebar-layout:where(.astro-P2VF4QNG){justify-content:flex-start}#hamburguer-menu:where(.astro-P2VF4QNG){display:block}.sidebar-list-container:where(.astro-P2VF4QNG){display:none}}.view{flex-direction:column!important;justify-content:space-evenly!important;background-color:var(--bg-main)}.zjk-avatar{height:250px;width:250px;border-radius:50%;background-size:cover;background-image:url(/assets/zjukd00m.png);cursor:pointer}.zjk-name{font-family:IBM Plex Sans Condensed,sans-serif;font-size:42px;text-align:center;color:#fff;margin-top:2rem}.zjk-role{font-size:16px;font-family:IBM Plex Sans Condensed,sans-serif;text-align:center;text-transform:uppercase;color:#fff;margin-top:1.3rem}.menu-list{display:flex;flex-direction:column;align-items:center;gap:1em}.list-item{position:relative;text-decoration:none;font-size:14px;color:#fff;text-transform:uppercase;font-family:IBM Plex Sans Condensed,sans-serif;font-weight:500}.list-item:before{content:"";position:absolute;background-color:var(--bg-purple-dracula);height:3px;width:0;left:0;bottom:-5px;transition:.3s}.list-item:hover:before{width:100%}.social-icon{height:40px;width:40px}.sidebar-top{display:flex;flex-direction:column;align-items:center}.sidebar-bottom{display:flex;flex-direction:column;align-items:center;gap:2em}#hamburguer-menu{display:none}@media only screen and (max-width: 1440px){.zjk-avatar{height:220px;width:220px}.zjk-name{font-size:32px}.zjk-role{font-size:14px}.list-item{font-size:12px}.sidebar-bottom{display:flex}}@media only screen and (max-width: 768px){.view{height:fit-content!important}.sidebar-top{flex-direction:row;justify-content:space-between;width:100%;padding:.5em;box-sizing:border-box}.sidebar-bottom{display:none}.zjk-avatar{height:55px;width:55px;left:0}.zection{z-index:-1}.zjk-name{margin:0;padding:0}.zjk-role{margin:0}#hamburguer-menu{display:block;right:0;color:var(--bg-purple-dracula)}}:root{--bg-main: #282a36;--bg-secondary: #44475a;--main-font: "Source Sans Pro", sans-serif;--text-font: "IBM Plex Sans Condensed", sans-serif;--text-main: #EEEDE7;--text-code: "Space Mono", monospace;--bg-purple-dracula: #bd93f9;--bg-green-dracula: #50FA7B}*{padding:0;margin:0;list-style-type:none}body{height:100vh}*::-webkit-scrollbar{width:.5em}*::-webkit-scrollbar-track{box-shadow:inset 0 0 10px #0000004d}*::-webkit-scrollbar-thumb{background-color:var(--bg-main);outline:1px solid var(--main-color)}.text{font-family:var(--text-font)}.modal-title{font-size:28px;font-weight:600;font-family:IBM Plex Sans Condensed,sans-serif}.modal-text{font-family:var(--text-font);font-size:16px}@media only screen and (max-width: 1440px){.modal-text{font-size:14px}}@media only screen and (max-width: 425px){.modal-text{font-family:12px!important}}.section-title{position:relative;font-size:38px;font-family:IBM Plex Sans Condensed,sans-serif;text-transform:uppercase;margin:.5em 0;width:fit-content}.section-title:before{content:"";position:absolute;background-color:var(--bg-purple-dracula);height:3px;width:100%;left:0;bottom:0}.section-subtitle{font-size:21px;font-family:var(--text-font)}.section-description{margin:0 0 .5em;font-size:21px;font-family:var(--text-font);display:grid;gap:.5em}.view{display:flex;flex-direction:row;justify-content:center;align-items:center;height:100%}.container{box-sizing:border-box;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;height:100%;width:100%}.info-icon{height:17px;width:17px;border:none;background-color:#eceff4}.info-icon:hover{scale:1.1}@media only screen and (max-width: 1440px){.text{font-size:18px}.section-description{font-size:16px}.section-title{font-size:32px}.section-subtitle{font-size:16px}}@media only screen and (max-width: 768px){.section-title{font-size:28px}}@media only screen and (max-width: 425px){.section-description{font-size:14px;grid-template-columns:1fr}}.modal-container{display:none;flex-direction:column;align-items:center;justify-content:center;position:absolute;height:100vh;width:100vw;background-color:#000c;z-index:99}.modal{background-color:#eceff4;padding:1.3rem;display:flex;flex-direction:column;gap:1em;position:relative;max-width:600px;box-sizing:border-box}.avatar-modal-img{margin:0 auto;width:500px;height:500px}.avatar-modal-cta{transition:all .5s ease;text-decoration:none;padding:.5rem;background-color:var(--main-color);border-radius:10px;display:inline-block;background-color:var(--bg-purple-dracula);box-sizing:border-box;margin:.5rem 0;color:var(--bg-main);font-family:IBM Plex Sans Condensed,sans-serif;font-size:16px;font-weight:700}.avatar-modal-cta:hover{background-color:var(--bg-green-dracula)}.modal-close-btn{position:absolute;top:0;right:0;cursor:pointer;padding:1rem 1rem 0 0}.modal-close-btn:hover{opacity:60%}@media only screen and (max-width: 1440px){.modal{max-width:500px}.avatar-modal-img{height:400px;width:400px}.avatar-modal-cta{font-size:14px}}@media only screen and (max-width: 425px){.modal{max-width:350px}.avatar-modal-img{height:300px;width:300px}.avatar-modal-cta{font-size:12px}}