:root{--background-color: #0d1117;--section-bg: #161b22;--text-color: #e6edf3;--muted-text: #8b949e;--accent-color: #58a6ff;--border-color: #30363d;--highlight-color: #94bdec}html{min-height:100vh;height:100vh;width:100%;overflow-x:hidden;color:var(--text-color)}canvas{height:100vh;width:100vw;display:block}body{margin:0;min-height:100vh;font-family:Inter,Segoe UI,Roboto,sans-serif;background-color:var(--background-color)}p{word-break:break-word;white-space:normal}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.4rem}p{font-size:1rem;line-height:1.6}#navBar{container-type:inline-size;padding-top:25px;background-color:#161b22;min-height:100vh;height:100vh;width:250px;display:flex;flex-direction:column;align-items:center;position:fixed;box-shadow:2px 0 8px #00000080}#navBar h3{text-align:center}#navBar a{color:var(--accent-color);text-decoration:none;transition:color .3s ease-in-out}.cv-button{border:var(--accent-color) 2px solid;color:#fff!important;text-decoration:none;padding:.6em;border-radius:5px;cursor:pointer;font-size:1rem;text-align:center;font-weight:200;margin:1em auto;transition:border .3s ease-in-out!important}.cv-button:hover{border:var(--highlight-color) 2px solid}#navBar a:hover{color:var(--highlight-color)}#navBar p{color:#fff;white-space:wrap;overflow:hidden;text-overflow:ellipsis;transition:font-size .2s ease;font-size:1rem;text-align:center}@container (max-width: 250px){#navBar p{font-size:1rem}}@container (max-width: 200px){#navBar p{font-size:1rem}}@container (max-width: 150px){#navBar p{font-size:.8rem}}#socialsButtonsDiv{display:flex;flex-direction:row}#socialsButtonsDiv a{padding:5px}#tabsDiv{text-align:left;max-width:100%;font-size:larger;padding-left:10%;margin-right:auto}#tabsDiv ul{margin-top:0;padding:10px;list-style-type:none}#tabsDiv li{padding:5px}#tabsDiv a{padding-left:5px}#mainZone{display:flex;flex-direction:column;margin-left:250px;width:calc(100vw - 250px);overflow-x:hidden}#home{position:relative;height:100vh;overflow:hidden;background:radial-gradient(circle at 50% 30%,#161b22,#0d1117 80%)}#homeText{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;padding:20px;border-radius:12px;width:70%;max-width:1000px;z-index:10;background:#161b22b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}#homeText h1{font-size:2.8rem;color:var(--accent-color);font-weight:700;margin-bottom:.5rem}#homeText h2{color:var(--accent-color);font-size:1.3rem;font-weight:400}#aboutMe{background-color:var(--background-color);border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color);padding-left:50px;min-height:100vh;display:flex;flex-direction:column;margin:0;padding-bottom:1rem}#aboutMe h1,#aboutMe h2{color:var(--accent-color);font-weight:600}#aboutMe p{line-height:1.7;color:var(--muted-text)}#bio{min-height:30vh;display:grid;grid-template-columns:40% 60%}#educationDiv{display:flex;flex-direction:column;flex-wrap:wrap}#extracurricularDiv{display:flex;flex-direction:row;flex-wrap:wrap}.timeline-content{padding:10px 15px;background:#f9f9f9;border-radius:8px;box-shadow:0 2px 4px #0000001a;max-width:80%;margin:20px 0;flex:1;border-left:3px solid var(--accent-color);box-shadow:0 2px 8px #0003;background-color:#1e232b}.timeline-content h3{margin:0 0 5px;color:var(--text-color)}.timeline-content p{margin:0;color:#555}#last{display:flex;flex-direction:column}#last h3,#last p{word-wrap:break-word;margin:0}#last img{max-width:50px;padding-left:5px;padding-right:5px}#extra-info{display:grid;grid-template-columns:40% 60%}#projects{background-color:var(--background-color);padding-left:50px;padding-right:50px;min-height:96vh}#projects h1{color:var(--accent-color);margin-bottom:1.5rem}#projectsTabSel{display:none;align-self:center;margin-left:auto;border:1.5px solid var(--accent-color);background-color:#161b22;color:var(--text-color);font-size:.8rem;padding:.5rem;padding-left:0;border-radius:6px;cursor:pointer;transition:all .2s ease-in-out}#projectsTabSel:focus{border-color:#79b8ff;outline:none}#projectsTab{align-self:center;margin-left:auto}#projectsTab button{background:transparent;border:none;color:var(--muted-text);font-size:larger;margin-left:1rem;cursor:pointer;transition:color .2s ease;height:100%}#projectsTab button.active-tab,#projectsTab button:hover{color:var(--accent-color)}#projectsDiv{display:flex;flex-wrap:wrap;gap:1.5rem;padding-top:1.5rem;padding-bottom:1.5rem}.project{background-color:#161b22;border:1px solid var(--border-color);border-radius:10px;padding:1.2rem;flex:1 1 30%;min-width:250px;display:flex;flex-direction:column;justify-content:flex-start;position:relative;transition:transform .2s ease,box-shadow .2s ease}.project:not(:has(img)){padding-top:2rem}.project:not(:has(img)):before{content:"";font-family:"Font Awesome 6 Free";font-weight:900;font-size:2.5rem;color:var(--muted-text);align-self:center;margin-bottom:1rem;opacity:.4}.status-badge{position:absolute;bottom:10px;right:10px;background-color:#2ea043;color:#fff;font-size:.8rem;font-weight:600;padding:4px 8px;border-radius:6px}.project img{border-radius:6px;margin-bottom:1rem;width:100%}.project h3{color:var(--accent-color);margin:.5rem 0}.project p{color:var(--muted-text);font-size:.95rem;line-height:1.5;flex-grow:1}.project a{text-decoration:none;align-self:flex-start;margin-top:auto}.project button{background-color:transparent;border:1px solid var(--accent-color);color:var(--accent-color);padding:.5rem 1rem;border-radius:5px;cursor:pointer;transition:all .2s ease;width:100%}.project button:hover{background-color:var(--accent-color);color:#0d1117}#footer{text-align:center;color:var(--muted-text);border-top:1px solid var(--border-color)}#footer{display:flex;flex-direction:row;justify-content:center;align-content:center;max-height:6vh;padding-bottom:10px}.hamburger{display:none;position:fixed;top:20px;left:20px;background:#000;color:#fff;border:none;font-size:28px;z-index:1001;cursor:pointer;border-radius:8px;padding:8px 12px;opacity:50%}#interactButton{display:none;position:absolute;top:20px;right:20px;background:#000;color:#fff;border:white solid 1px;z-index:1001;cursor:pointer;border-radius:8px;padding:8px 12px}@media (max-width: 1024px){#interactButton,.hamburger{display:block}#navBar{display:none}#mainZone{width:100vw;margin-left:0;margin-right:0}#projectsDiv{justify-content:center}#navBar.active{display:flex;z-index:1000;max-width:30vw;width:30vw;height:100vh}}@media (max-width: 750px){#projectsTab{display:none}#projectsTabSel{display:block}}@media (max-width: 700px){.project{max-width:80%;width:80%;min-height:30vh}#bio{grid-template-columns:1fr;grid-template-rows:auto auto}#bio>div{width:100%}#extra-info{grid-template-columns:1fr;grid-template-rows:auto auto}#extra-info>div{width:100%}}@media (max-width: 500px){.cv-button{border:none}#tabsDiv{padding-left:0}#projectsTabSel{display:block;margin-right:-40px}#tabsDiv ul li i{display:none}}@media (max-width: 400px){#tabsDiv ul li{font-size:medium}}