.menu-btn-container{width:20px;height:20px;margin:0;padding:0;position:relative}.menu-upper,.menu-lower{content:"";background-color:var(--text-primary);transform-origin:0;border-radius:1px;width:20px;height:2px;transition:all .3s ease-out}
.switch-container{border:1px solid var(--button-secondary-border);border-radius:2rem;padding:8px 24px;position:relative}.switch-slider{content:"";background-color:var(--text-primary);color:var(--text-secondary);border-radius:32px;padding:5px 8px}
header{justify-content:center;align-items:center;display:flex;position:relative}.nav-container{z-index:3;background:var(--background-primary);width:95%;max-width:2200px;padding:1.5rem .5rem;position:fixed;top:0}.nav-inner{justify-content:space-between;align-items:center;max-width:85%;margin:0 auto;transition:all 1s ease-in-out;display:flex}.nav-menu ul{justify-content:center;align-items:center;margin-left:3.5rem;list-style:none;display:flex}.logo{font-size:1.25rem;font-weight:700}.navlink{color:var(--text-tertiary);margin:0 .5rem}.toggle-menu li{color:var(--text-tertiary);margin:1rem 0}.navbtn-links{font-weight:700}.navbtn-links:hover{color:var(--text-secondary)}.nav-btns{align-items:center;gap:1rem;display:flex}.toggle-open{background-color:var(--background-primary);transition:all .5s ease-in-out}.toggle-menu-btn{color:var(--text-primary);font-size:1.25rem;display:none}.toggle-menu{text-align:left;margin:0;padding:0;list-style:none;display:none}@media (max-width:770px){.toggle-menu,.toggle-menu-btn{display:block}.nav-container{padding:0 1rem}.nav-inner{border-radius:0;align-items:flex-start;max-width:100%;padding:1rem}.nav-menu,.nav-btns{display:none}}
footer{justify-content:space-between;align-items:top;flex-wrap:wrap;width:80%;max-width:1800px;margin:0 auto;padding:5rem 0;display:flex}.footer-left{min-width:20rem}.footer-right{align-items:top;gap:5rem;display:flex}footer ul{padding:0;list-style:none}footer li{color:var(--text-tertiary);margin:1rem 0}.socials-container{margin:1rem 0 1rem -.5rem}.social-icon{background-color:#0000;border-radius:10px;padding:.5rem .5rem .25rem;font-size:20px}.social-icon:hover{background-color:var(--button-secondary-hover);transition:all .3s ease-in}.project-list li{align-items:top;display:flex}.arrow-link{position:relative}.arrow-topright{font-size:12px;position:absolute}@media (max-width:430px){.footer-right{flex-direction:row-reverse}}