.navbar{white-space:nowrap;scrollbar-width:thin;scroll-behavior:smooth;scroll-snap-type:x proximity;background:#2c3e50;gap:15px;padding-inline:.5rem;display:flex;overflow-x:auto}.navbar a{color:#fff;scroll-snap-align:start;border-radius:5px;flex-shrink:0;margin-block:10px;padding:.5rem .75rem;text-decoration:none}.navbar a:hover{background:#34495e}.navbar a.active{background:#344f5e}.time{text-align:center;margin-top:1rem;font-size:1.3rem;font-weight:700;animation:3s infinite glow}@keyframes glow{0%,to{text-shadow:0 0 #3b82f600}50%{text-shadow:0 0 12px #3b82f680}}.second{color:#3b82f6;animation:1s infinite blink}@keyframes blink{50%{opacity:.6}}