.nav-section{position:fixed;width:100vw;z-index:100;color:var(--font-light);background-color:transparent;transition:background .1s}.sticky-back{background-color:var(--background-secondary)}.nav-container{margin:auto;padding:30px 20px;width:80vw;height:fit-content;justify-content:space-between}.nav-container,.nav-options{display:flex;align-items:center}.nav-options{gap:20px}.nav-link:hover{color:var(--accent-primary);transform:scale(1.2);text-decoration:underline;transition:transform .2s}.nav-button{padding:8px 16px;height:44px;border:2px solid var(--font-light);border-radius:12px;animation:nav-button-enable .2s ease-in}.nav-button:hover{color:var(--accent-primary);border:2px solid var(--accent-primary)}.navbar-main{display:inline-block}.navbar-ham{position:absolute;display:inline-block;top:0;left:0;padding-top:80px;height:fit-content;width:100vw;background-color:var(--background-secondary);z-index:-1;animation:navbar-ham-enable .2s ease-in;.nav-options{padding:30px;flex-direction:column;height:100%}}.navbar-ham-options{display:none}@keyframes navbar-ham-enable{0%{top:-150px;background-color:transparent}to{top:0;background-color:var(--background-secondary)}}@keyframes nav-button-enable{0%{opacity:0}75%{opacity:.8}to{opacity:1}}@media (width < 768px){.navbar-main{display:none}.navbar-ham-options{display:block;display:flex;gap:10px;width:300px;justify-content:right}}