*{margin:0;padding:0;box-sizing:border-box}html,body{margin:0;padding:0;width:100%;height:100%;background-color:#2c2c2c;overflow-x:hidden;scroll-behavior:smooth}#root{width:100%;min-height:100vh;background-color:#2c2c2c}body{overflow-x:hidden}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:#1a1a1a;border-radius:6px}::-webkit-scrollbar-thumb{background:#404040;border-radius:6px;border:2px solid #1a1a1a}::-webkit-scrollbar-thumb:hover{background:#555}::-webkit-scrollbar-thumb:active{background:#666}html{scrollbar-width:thin;scrollbar-color:#404040 #1a1a1a}@keyframes float{0%,to{transform:translateY(0) translate(-50%)}50%{transform:translateY(-10px) translate(-50%)}}.navbar-scrolled{animation:float 3s ease-in-out infinite}.navbar-transition{transition:all .5s ease-in-out}