*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.app{height:100vh;display:flex;justify-content:center;align-items:center;overflow:hidden;background-image:radial-gradient(49% 81% at 45% 47%,rgba(4,101,157,.271) 0,rgba(143,7,255,0) 100%),radial-gradient(113% 91% at 17% -2%,#11adc9 1%,rgba(92,78,220,0) 99%),radial-gradient(142% 91% at 83% 7%,#0946ed 1%,rgba(119,0,255,0) 99%),radial-gradient(142% 91% at -6% 74%,#064aa3 1%,rgba(17,0,255,0) 99%),radial-gradient(142% 91% at 111% 84%,#0e4aef 0,#07b7ed 100%)}.kinetic{position:relative;margin:25% 15%;width:150px;height:150px}.kinetic:after,.kinetic:before{content:"";position:absolute;left:0;top:0;width:0;height:0;border:100px solid transparent}.kinetic.square:after,.kinetic.square:before{border-image:linear-gradient(135deg,#dd8d24 10%,#cc6008 90%)}.kinetic.angle:after,.kinetic.angle:before{border-bottom-color:#ee730e}.kinetic:before{-webkit-transform:rotate(90deg);transform:rotate(90deg);-webkit-animation:rotateA 4s linear infinite;animation:rotateA 4s linear infinite}.kinetic:after{-webkit-animation:rotateB 4s linear 3s infinite;animation:rotateB 4s linear 3s infinite}@-webkit-keyframes rotateA{0%,25%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}50%,75%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes rotateA{0%,25%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}50%,75%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@-webkit-keyframes rotateB{0%,25%{-webkit-transform:rotate(90deg);transform:rotate(90deg)}50%,75%{-webkit-transform:rotate(270deg);transform:rotate(270deg)}to{-webkit-transform:rotate(450deg);transform:rotate(450deg)}}@keyframes rotateB{0%,25%{-webkit-transform:rotate(90deg);transform:rotate(90deg)}50%,75%{-webkit-transform:rotate(270deg);transform:rotate(270deg)}to{-webkit-transform:rotate(450deg);transform:rotate(450deg)}}@media screen and (max-width:600px){.app{flex-direction:column}}
/*# sourceMappingURL=main.c07a2d26.chunk.css.map */