.navbar{background-color:var(--bg-color);display:flex;min-height:5rem;width:100%;font-weight:bolder;position:sticky;top:0;z-index:1}.nav-wrapper{margin:0 auto;padding:0 15vw;display:flex;width:100%;align-items:center;position:relative;max-width:1700px}.toggle-menu{display:none;width:2.5rem;height:2.5rem;background-color:var(--bg-accent-color);border-radius:50%;flex-direction:column;align-items:center;justify-content:center;gap:4px}.nav-links{display:flex;gap:20px}#btn--theme-toggle{margin-left:auto;background:var(--toggle-button);border:none;height:20px;width:20px;cursor:pointer}@media screen and (max-width: 480px){.nav-wrapper{padding:0 10vw}.toggle-menu{display:flex}.toggle-menu span{width:50%;height:3px;border-radius:15px;background-color:var(--text-color)}.nav-links{display:flex;flex-direction:column;align-items:flex-start;width:100%;position:absolute;top:100%;right:100%;padding-right:60%;padding-left:10%;background-color:var(--bg-color);transition:right .5s ease}.showing{transition:right .5s ease;right:0;padding-bottom:2rem}}#home{height:80vh;max-width:1600px;padding-top:25vh;position:relative;overflow:hidden}.home-angle{background-color:var(--bg-color);width:100vw;height:100px}.home-angle:after{content:" ";background-color:var(--project-bg-color);clip-path:polygon(0 0,100% 100%,0 100%);transform:skewY(.001deg);width:100vw;height:100px;right:0;position:absolute}#home>h2{text-align:start;margin-bottom:5px}.highlight-container,.highlight{position:relative}.highlight-container{display:inline-block}.highlight-container:before{content:" ";height:90%;width:100%;margin-left:-3px;position:absolute;top:-1px;left:4px;border-radius:20% 25% 20% 24%}.highlight-about:before{background:#e4c01d97;transform:rotate(3deg)}.highlight-work:before{background:#c13636a7;transform:rotate(-3deg)}@media screen and (max-width: 480px){#home{padding-top:10vh}#home>h2{padding-left:0;font-size:1.25rem}.home-angle,.home-angle:after{height:50px}}#projects{margin-bottom:5vh;background-color:var(--project-bg-color);width:100%;align-items:center;position:relative}.projects-container{display:flex;flex-wrap:wrap;gap:20px;max-width:700px;padding-bottom:10vh}.project-card{background-color:var(--project-card-bg-color);width:45%;min-height:550px;border:1px solid #1d3f7a;border-radius:15px;padding:1%;display:flex;flex-direction:column;gap:10px}.project-thumbnail-container,.project-thumbnail{width:100%;border-radius:15px}.project-thumbnail-container{height:50%}.project-thumbnail{object-fit:cover;height:100%}.icon-container{margin-top:auto;display:flex;gap:10px;justify-content:center;padding-bottom:1vh}.icon-wrapper{height:2rem;width:2rem}.project-angle{background-color:var(--bg-color);width:100vw;height:100px}.project-angle:after{content:" ";background-color:var(--project-bg-color);clip-path:polygon(0 0,50% 100%,100% 0);transform:skewY(.001deg);width:100vw;height:100px;right:0;position:absolute}@media screen and (max-width: 480px){#projects{margin-bottom:10vh;padding:0 2vw}.projects-container{justify-content:center}.project-card{width:90%;min-height:450px}.icon-wrapper{height:1.5rem;width:1.5rem}.project-angle,.project-angle:after{height:50px}}#skills{height:70vh;width:100%;position:relative}.skills-container{display:flex;gap:40px;flex-wrap:wrap;justify-content:center}.skills-icon{height:120px;width:auto}.skills-angle{padding:0;background-color:var(--bg-color);width:100%;height:100px}.skills-angle:after{content:" ";background-color:var(--about-bg-color);clip-path:polygon(100% 0,0% 100%,100% 100%);transform:skewY(.001deg);width:100%;height:100px;right:0;bottom:0;position:absolute}@media screen and (max-width: 480px){#skills{height:90vh;scroll-margin-top:15vh}.skills-icon{height:100px;width:auto}.skills-angle,.skills-angle:after{height:50px}}#about{background-color:var(--about-bg-color);padding:0 25vw 10vh}.about-text{font-size:1.3rem;margin-bottom:2vh}@media screen and (max-width: 1024px){#about{padding:0 15vw 10vh}}@media screen and (max-width: 480px){.about-text{font-size:1.1rem;margin-bottom:2.5vh}}footer{margin-top:3vh;height:10vh;display:flex;justify-content:center;align-items:center;gap:40px}.footer-icon{height:40px;width:40px}:root{--bg-color: #2e5393;--bg-accent-color: #3e67ad;--project-card-bg-color: #3b67b5;--heading-color: #ffffff;--text-color: #dedede;--toggle-button: url(/assets/light-c220f44c.svg) no-repeat;--project-bg-color: #aec1e3;--about-bg-color: #ac5c08}:root.light{--bg-color: #ffffff;--bg-accent-color: #e7e7e7;--project-card-bg-color: #f2f2f2;--heading-color: #000000;--text-color: #000;--toggle-button: url(/assets/dark-2bf8bee6.svg) no-repeat;--project-bg-color: #3263b7;--about-bg-color: #f8b01f}*{margin:0;padding:0;box-sizing:border-box}*:before{box-sizing:border-box}a{color:var(--text-color);text-decoration:none}html{scroll-behavior:smooth;font-family:Domine,system-ui,Avenir,Helvetica,Arial,serif;line-height:1.5;font-weight:400;color:var(--text-color);background-color:var(--bg-color)}body{margin:0;text-align:center}svg{fill:var(--text-color)}#root{width:100%}main{width:100%;display:flex;flex-direction:column;align-items:center;position:relative}section{padding:0 15vw;display:flex;flex-direction:column;scroll-margin-top:9vh}.section-heading{font-size:3rem;color:var(--heading-color);margin-bottom:5vh}@media screen and (max-width: 480px){section{max-width:100%;scroll-margin-top:12vh}}