.navbar{display:flex;justify-content:center;align-items:center;gap:32px;padding:24px 0;border-bottom:1px solid #f0f0f0;margin-bottom:40px;background-color:#fff;position:-webkit-sticky;position:sticky;top:0;z-index:1000}.navLink{text-decoration:none;color:#444;font-weight:500;font-size:15px;letter-spacing:-.01em;transition:all .2s ease;padding:4px 8px;border-radius:4px}.navLink:hover{color:#000;background-color:#f5f5f5}@media (max-width:640px){.navbar{gap:16px;padding:16px 0;margin-bottom:24px}.navLink{font-size:13px;padding:2px 4px}}.dark .navbar{background-color:#111;border-bottom:1px solid #222}.dark .navLink{color:#888}.dark .navLink:hover{color:#fff;background-color:#222}