body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;align-items:center;background:#000;display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;justify-content:center;margin:0;padding:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--width:300px;--x-speed:13s;--y-speed:7s;--transition-speed:2.2s}.el{height:300px;height:var(--width);width:300px;width:var(--width)}.x{-webkit-animation:x 13s linear infinite alternate;animation:x 13s linear infinite alternate;-webkit-animation:x var(--x-speed) linear infinite alternate;animation:x var(--x-speed) linear infinite alternate}.y{-webkit-animation:y 7s linear infinite alternate;animation:y 7s linear infinite alternate;-webkit-animation:y var(--y-speed) linear infinite alternate;animation:y var(--y-speed) linear infinite alternate}@-webkit-keyframes x{to{-webkit-transform:translateX(calc(100vw - 300px));transform:translateX(calc(100vw - 300px));-webkit-transform:translateX(calc(100vw - var(--width)));transform:translateX(calc(100vw - var(--width)))}}@keyframes x{to{-webkit-transform:translateX(calc(100vw - 300px));transform:translateX(calc(100vw - 300px));-webkit-transform:translateX(calc(100vw - var(--width)));transform:translateX(calc(100vw - var(--width)))}}@-webkit-keyframes y{to{-webkit-transform:translateY(calc(100vh - 300px));transform:translateY(calc(100vh - 300px));-webkit-transform:translateY(calc(100vh - var(--width)));transform:translateY(calc(100vh - var(--width)))}}@keyframes y{to{-webkit-transform:translateY(calc(100vh - 300px));transform:translateY(calc(100vh - 300px));-webkit-transform:translateY(calc(100vh - var(--width)));transform:translateY(calc(100vh - var(--width)))}}canvas{left:50%;position:fixed;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.ball{-webkit-animation:moveX 6.05s linear 0s infinite alternate,moveY 6.4s linear 0s infinite alternate;animation:moveX 6.05s linear 0s infinite alternate,moveY 6.4s linear 0s infinite alternate;display:block;position:absolute;z-index:190}@-webkit-keyframes moveX{0%{left:0}to{left:95vw}}@keyframes moveX{0%{left:0}to{left:95vw}}@-webkit-keyframes moveY{0%{top:0}to{top:85vh}}@keyframes moveY{0%{top:0}to{top:85vh}}.App-header{align-items:center;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}
/*# sourceMappingURL=main.62570b4d.css.map*/