.nav{position:fixed;top:0;left:0;width:100%;display:flex;justify-content:space-between;align-items:center;padding:24px;z-index:1000;transition:transform 0.3s ease-in-out}.nav.navbar-hidden{transform:translateY(-100%)}.nav-links{display:flex;flex-wrap:wrap;gap:3px;list-style:none;margin:0;padding:0}.nav-button{background:#1e1e1e11;padding:8px 8px;display:flex;border-radius:2px;align-items:center;justify-content:center;color:inherit;text-decoration:none;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);letter-spacing:-0.3px;text-transform:uppercase;font-size:0.75rem;line-height:1}.nav-button.active{background:#000;color:#fff}.home-icon{display:block}@media (pointer:fine){.nav-button:hover{background:#5CFF3B;color:#000000}}@media (max-width:768px){.nav{padding:12px}}body.dark-mode .nav-button{color:#ffffff}body.dark-mode .nav-button.active{background:#ffffff;color:#000000}