html,body{overflow:hidden;height:100%}body{background:#013;color:#ddf}#root>*{max-width:450px;margin:0 auto}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#024;border-radius:10px}::-webkit-scrollbar-thumb{background:#1976d2;border-radius:10px;border:2px solid #002244}::-webkit-scrollbar-thumb:hover{background:#39f}.logo{font-family:OpineHeavy,sans-serif;font-weight:900;font-size:1.4rem;color:#fff;white-space:nowrap}.logo.big{font-size:3.5rem}.logo .o{display:inline-block;color:#fff}.logo.static .o.cyan{color:#0ff}.logo.static .o.magenta{color:#f0f}.logo.static .o.yellow{color:#ff0}.logo.animated{animation:fadeout 1.4s ease-in forwards;animation-delay:1s;display:flex;align-items:flex-end;gap:2px}.logo.animated img{height:45px;width:auto;display:block}.logo.animated img.o{animation:jumpAndColor 1s ease-in-out forwards}.logo.animated img.o.cyan{animation-delay:0s;--color: cyan}.logo.animated img.o.magenta{animation-delay:.2s;--color: magenta}.logo.animated img.o.yellow{animation-delay:.4s;--color: yellow}@keyframes jumpAndColor{0%{transform:translateY(0)}50%{transform:translateY(-.5rem)}to{transform:translateY(0)}}@keyframes fadeout{0%{opacity:1}to{opacity:0}}