body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.logo-animation{animation:logo-animation 1.3s linear forwards}@keyframes logo-animation{0%{transform:scale(.1)}to{transform:scale(1)}}.typewriter h1{animation:typing 2s steps(30) forwards,blink-caret .6s step-end infinite;animation-delay:1.3s;color:#fff;font-size:1.3rem;letter-spacing:.1em;margin:0 auto;overflow:hidden;white-space:nowrap;width:0}@keyframes typing{0%{width:0}to{width:100%}}@keyframes blink-caret{0%,to{border-color:#000;border-right-width:.15rem}50%{border-color:#fff;border-right-width:.15rem}}.intro-container{animation:fade 1s 4s}@keyframes fade{0%{opacity:1}to{opacity:0}}.running{--color:#fff;--duration:0.7s;animation:linear infinite;animation-duration:5s;animation-name:running;left:0;position:absolute;.outer{animation:outer var(--duration) linear infinite;.body{animation:body var(--duration) linear infinite;background:var(--color);border-radius:4px;height:15px;position:relative;transform:rotate(32deg);transform-origin:4px 11px;width:8px;&:before{border-radius:4px;bottom:16px;height:8px;left:0;width:8px}&:before,.arm,.arm:before,.leg,.leg:before{background:var(--color);content:"";position:absolute}.arm,.arm:before,.leg,.leg:before{animation:arm-leg var(--duration) linear infinite;animation:var(--name,arm-leg) var(--duration) linear infinite;background:var(--c,var(--color));border-radius:2px;height:4px;left:2px;left:var(--l,2px);top:0;top:var(--t,0);transform:rotate(0deg);transform:rotate(var(--r,0deg));transform-origin:2px 2px;width:11px;width:var(--w,11px)}.arm{&:before{--l:7px;--name:arm-b}&.front{--r:24deg;--r-to:164deg;&:before{--r:-48deg;--r-to:-36deg}}&.behind{--r:164deg;--r-to:24deg;&:before{--r:-36deg;--r-to:-48deg}}}.leg{--w:12px;--t:11px;&:before{--t:0;--l:8px}&.front{--r:10deg;--r-to:108deg;&:before{--r:18deg;--r-to:76deg}}&.behind{--r:108deg;--r-to:10deg;--c:none;&:before{--c:var(--color);--r:76deg;--r-to:18deg}&:after{background:var(--color);border-radius:0 2px 2px 0;-webkit-clip-path:polygon(2px 0,6px 0,6px 4px,0 4px);clip-path:polygon(2px 0,6px 0,6px 4px,0 4px);content:"";height:4px;position:absolute;right:0;top:0;width:6px}}}}}}@keyframes running{0%{left:0}to{left:110%}}@keyframes outer{50%{transform:translateY(0)}25%,75%{transform:translateY(4px)}}@keyframes body{50%{transform:rotate(16deg)}25%,75%{transform:rotate(24deg)}}@keyframes arm-leg{50%{transform:rotate(var(--r-to))}}@keyframes arm-b{30%,70%{transform:rotate(var(--r-to))}}
/*# sourceMappingURL=main.8f2a4d0a.css.map*/