@-webkit-keyframes rotateDiscoBall{0%{-webkit-transform:rotateX(90deg) rotate(0deg) rotate(0deg);transform:rotateX(90deg) rotate(0deg) rotate(0deg)}to{-webkit-transform:rotateX(90deg) rotate(1turn) rotate(0deg);transform:rotateX(90deg) rotate(1turn) rotate(0deg)}}@keyframes rotateDiscoBall{0%{-webkit-transform:rotateX(90deg) rotate(0deg) rotate(0deg);transform:rotateX(90deg) rotate(0deg) rotate(0deg)}to{-webkit-transform:rotateX(90deg) rotate(1turn) rotate(0deg);transform:rotateX(90deg) rotate(1turn) rotate(0deg)}}@-webkit-keyframes rotateDiscoBallMiddle{0%{-webkit-transform:rotateX(90deg) rotateY(0deg) rotate(0deg);transform:rotateX(90deg) rotateY(0deg) rotate(0deg)}to{-webkit-transform:rotateX(90deg) rotateY(-1turn) rotate(0deg);transform:rotateX(90deg) rotateY(-1turn) rotate(0deg)}}@keyframes rotateDiscoBallMiddle{0%{-webkit-transform:rotateX(90deg) rotateY(0deg) rotate(0deg);transform:rotateX(90deg) rotateY(0deg) rotate(0deg)}to{-webkit-transform:rotateX(90deg) rotateY(-1turn) rotate(0deg);transform:rotateX(90deg) rotateY(-1turn) rotate(0deg)}}@-webkit-keyframes lowerDiscoBall{0%{-webkit-transform:translateY(0);transform:translateY(0)}to{-webkit-transform:translateY(60%);transform:translateY(60%)}}@keyframes lowerDiscoBall{0%{-webkit-transform:translateY(0);transform:translateY(0)}to{-webkit-transform:translateY(60%);transform:translateY(60%)}}.square{height:6px;left:50px;position:absolute;top:50px;-webkit-transform:rotateX(90deg) rotateY(0deg) translateZ(0);transform:rotateX(90deg) rotateY(0deg) translateZ(0);-webkit-transform-style:preserve-3d;transform-style:preserve-3d;width:6px}.drag-area{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;width:100%}@-webkit-keyframes reflect{0%{opacity:1}50%{opacity:.4}to{opacity:1}}@keyframes reflect{0%{opacity:1}50%{opacity:.4}to{opacity:1}}body{background:#333e5a;display:grid;font-family:Helvetica,Arial,sans-serif;margin:0;padding:0}a,header{color:#fff}header{background:#f0293e;text-align:center}main{background:#fff;min-height:80vh}main .controls{background:#333e5a;color:#fff;padding:.5em 0;text-align:center}main canvas{display:block;margin:0 auto;padding:20px}footer{background:#333e5a;color:#fff;text-align:center}
/*# sourceMappingURL=main.9f6e0586.css.map*/