header{justify-content:center;align-items:center;display:flex;position:relative}.nav-container{z-index:12;background:var(--background-primary);width:100%;padding:12px 0;position:fixed;top:0}.nav-inner{justify-content:space-between;align-items:center;max-width:90%;margin:0 auto;transition:all 1s ease-in-out;display:flex}.nav-left{align-items:center;gap:1rem;display:flex}.nav-menu ul{justify-content:center;align-items:center;list-style:none;display:flex}.logo{font-size:20px;font-weight:700}.navlink{color:var(--text-tertiary);border-radius:32px;padding:8px 12px;font-size:14px;font-weight:500}.navlink.active,.navlink:hover{color:var(--text-primary)}.toggle-menu li{color:var(--text-tertiary);text-transform:capitalize;margin:1rem 0;font-size:14px}.toggle-menu li.active,.toggle-menu h6{color:var(--text-primary)}.nav-btns{align-items:center;gap:1rem;display:flex}.divider{border-left:2px solid var(--button-secondary-border);width:2px;height:30px}.toggle-menu-btn{color:var(--text-primary);font-size:1.25rem;display:none}.toggle-menu-container{overscroll-behavior-y:contain;text-align:left;max-width:90%;margin:0 auto;padding:0;list-style:none;display:none}.toggle-menu{max-height:90%;overflow-y:auto}.user-actions-container{align-items:center;display:flex}.github-link-btn{color:var(--text-primary);margin-bottom:4px;padding:8px;font-size:1.5rem}@media (max-width:900px){.toggle-menu-container,.toggle-menu-btn{display:block}.nav-container{padding:0 1rem}.nav-inner{border-radius:0;max-width:100%;padding:1rem}.nav-left{display:block}.nav-menu,.nav-btns{display:none}}
.logo-container{align-items:center;gap:8px;display:flex}.logo-img{border-radius:1rem;width:50px;height:50px}.logo-container h4{color:var(--text-primary)}@media (max-width:450px){.logo-img{border-radius:12px;width:40px;height:40px}}
.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}