body{margin:0;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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.box{-webkit-animation:spin 4s;animation:spin 4s}.cube{font-size:80px;margin:80px auto;transform-style:preserve-3d;box-shadow:5px 5px 150px #666;perspective:1000px;-webkit-animation:move-origin 4s infinite;animation:move-origin 4s infinite}.cube,.side{width:160px;height:160px}.side{position:absolute;border-radius:8px;box-shadow:inset 0 0 40px #666;background:red;color:#fff;text-align:center;line-height:2em}.front{transform:rotateX(0deg) translateZ(80px)}.top{transform:rotateX(90deg) translateZ(80px)}.right{transform:rotateY(90deg) translateZ(80px)}.left{transform:rotateY(-90deg) translateZ(80px)}.bottom{transform:rotateX(-90deg) translateZ(80px)}.back{transform:rotateY(-180deg) translateZ(80px)}.cube{perspective-origin:0 100%}@-webkit-keyframes move-origin{0%{perspective-origin:0 0}25%{perspective-origin:70% 0}50%{perspective-origin:120% 100%}75%{perspective-origin:0 200%}to{perspective-origin:0 0}}@keyframes move-origin{0%{perspective-origin:0 0}25%{perspective-origin:70% 0}50%{perspective-origin:120% 100%}75%{perspective-origin:0 200%}to{perspective-origin:0 0}}@-webkit-keyframes spin{0%{transform:rotate(1turn);margin-top:-500px}50%{transform:rotate(180deg);margin-top:200px}75%{transform:rotate(1turn);margin-top:100px}to{transform:rotateX() rotateY();margin-top:0}}@keyframes spin{0%{transform:rotate(1turn);margin-top:-500px}50%{transform:rotate(180deg);margin-top:200px}75%{transform:rotate(1turn);margin-top:100px}to{transform:rotateX() rotateY();margin-top:0}}
/*# sourceMappingURL=main.97fea81b.chunk.css.map */