nav{display:flex;flex-direction:row;width:100%;justify-content:space-between;align-items:center;height:3vw;padding:0 16px}.play-button{width:10vw;height:3.4vw;position:relative;display:flex;justify-content:center;align-items:center;background-color:var(--accent);transform-origin:center center;transition:background-color .3s,height .3s,width .3s,margin-left .3s}.play-button p{transition:color .3s}.play-button:hover{background-color:var(--text-secondary)}.play-button:hover p{color:var(--accent)}.play-button img{position:relative;width:84%;-o-object-fit:contain;object-fit:contain;display:block;z-index:0;top:2px;left:2px}.play-button p{position:absolute;margin-top:8px;font-size:1.7vw;z-index:1;font-family:Ruritania;letter-spacing:4px}#desktop-links{width:75%;display:flex;flex-direction:row;justify-content:space-between;align-items:center}.nav-text-link{text-decoration-line:underline;font-size:2.5rem;transition:color .3s;letter-spacing:4px;color:var(--text-secondary)}.inactive:hover{color:var(--text-primary)}.active{margin:0 -6px;background-color:var(--text-primary);color:var(--accent);border:2px solid var(--text-secondary);padding:0 4px;border-radius:8px;transition:background-color .3s,color .3s}.icon-link{display:inline-flex;align-items:center;justify-content:center;width:auto}.profile-link{display:flex;width:16rem;height:5rem;flex-direction:row;align-items:center;justify-content:end;gap:.4rem}.user-info{width:90%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:end}.logout-btn{margin-left:10px;padding:4px;border-radius:var(--radius);border:var(--border-btn) solid var(--text-secondary);background:transparent;cursor:pointer;transition:.3s ease;position:relative;top:4px}.logout-btn svg{height:60%;aspect-ratio:1/1;fill:var(--text-secondary);transition:fill .3s}.logout-btn:hover{background:var(--accent);color:#000}.logout-btn:hover svg{fill:var(--text-primary)}.nav-hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:6px;background:none;border:none;position:absolute;right:56px;align-items:center;justify-content:center}.nav-hamburger span{display:block;width:22px;height:2px;background:var(--text-secondary);border-radius:2px;transition:transform .25s ease,opacity .25s ease,background .3s ease}.nav-hamburger:hover span{background:var(--text-primary)}.nav-hamburger.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}.nav-hamburger.open span:nth-child(2){opacity:0}.nav-hamburger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.nav-mobile-menu{display:none;flex-direction:column;position:absolute;top:100%;left:0;right:0;background:var(--accent);z-index:50}.nav-mobile-menu.open{display:flex}.nav-mobile-menu a:not(.profile-link>),.nav-mobile-menu button{padding:4px 8px;border-top:1px solid rgba(255,255,255,.1);width:100%;text-align:left}@media(max-width:1500px){.nav-hamburger{display:flex}}.nav-mobile-menu .user-info{align-items:start}.nav-mobile-menu .profile-link{padding:4px 8px;border-top:1px solid rgba(255,255,255,.1);width:100%;justify-content:space-between}.nav-mobile-menu .logout-btn{margin-right:64px;top:0;border:0;height:80px}