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