html,body,#root{height:100%;margin:0;overflow:hidden}
body{background:#0b0b0b}
.bios{font-family:'VT323',monospace}
.aws{font-family:'Fraunces',serif}
.bip{font-family:'Bricolage Grotesque',sans-serif}
.scan{background:repeating-linear-gradient(0deg,rgba(255,255,255,.03) 0 2px,transparent 2px 4px),radial-gradient(circle at 50% 30%,#13202a,#050505)}
@keyframes bounce2{0%,100%{transform:translateY(0)}50%{transform:translateY(-14px)}}
.dot{animation:bounce2 .7s infinite}
@keyframes peek{0%{transform:translateX(-110%)}40%,70%{transform:translateX(0)}100%{transform:translateX(-110%)}}
.peek{animation:peek 2.4s ease-in-out infinite}
@keyframes peekslow{0%,80%,100%{transform:translateX(-100%)}88%,95%{transform:translateX(-30%)}}
.peekslow{animation:peekslow 9s ease-in-out infinite}
@keyframes rise{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}
.rise{animation:rise .5s both}
.dock-i{transition:transform .15s}
.dock-i:hover{transform:scale(1.45) translateY(-8px)}
.ripple:active{transform:scale(.92)}
.blink{animation:bl 1s steps(1) infinite}@keyframes bl{50%{opacity:0}}