body{height:100%;overflow:hidden;min-width:600px;cursor:url(http://cdn2.scratch.mit.edu/get_image/user/4086027_60x60.png) 30 30,auto}body,figure img{width:100%;margin:0}figure img{height:600px}.plate{position:absolute;left:50%;bottom:-10%;cursor:url(http://cdn2.scratch.mit.edu/get_image/user/4086027_60x60.png) 30 30,auto}.plate:before{content:"";display:block;width:50px;height:50px;background-color:#fff;border-radius:50%;-webkit-transform:translate(-50%,-50%) rotateX(45deg);transform:translate(-50%,-50%) rotateX(45deg)}.plate:checked{opacity:0}.plate-1{-webkit-animation:move-plate-1 10s ease 3 forwards;animation:move-plate-1 10s ease 3 forwards}@-webkit-keyframes move-plate-1{0%{left:50%;bottom:0;-webkit-transform:translate(-50%,-50%) rotateX(45deg);transform:translate(-50%,-50%) rotateX(45deg)}50%{bottom:60%}to{left:40%;bottom:50%;-webkit-transform:translate(-50%,-50%) rotateX(45deg) scale(0);transform:translate(-50%,-50%) rotateX(45deg) scale(0)}}@keyframes move-plate-1{0%{left:50%;bottom:0;-webkit-transform:translate(-50%,-50%) rotateX(45deg);transform:translate(-50%,-50%) rotateX(45deg)}50%{bottom:60%}to{left:40%;bottom:50%;-webkit-transform:translate(-50%,-50%) rotateX(45deg) scale(0);transform:translate(-50%,-50%) rotateX(45deg) scale(0)}}.plate-2{-webkit-animation:move-plate-2 12s ease 5s 3 forwards;animation:move-plate-2 12s ease 5s 3 forwards}@-webkit-keyframes move-plate-2{0%{left:30%;bottom:0;-webkit-transform:translate(-50%,-50%) rotateX(45deg);transform:translate(-50%,-50%) rotateX(45deg)}50%{bottom:60%}to{left:40%;bottom:50%;-webkit-transform:translate(-50%,-50%) rotateX(45deg) scale(0);transform:translate(-50%,-50%) rotateX(45deg) scale(0)}}@keyframes move-plate-2{0%{left:30%;bottom:0;-webkit-transform:translate(-50%,-50%) rotateX(45deg);transform:translate(-50%,-50%) rotateX(45deg)}50%{bottom:60%}to{left:40%;bottom:50%;-webkit-transform:translate(-50%,-50%) rotateX(45deg) scale(0);transform:translate(-50%,-50%) rotateX(45deg) scale(0)}}.plate-3{-webkit-animation:move-plate-3 11s ease 15s 3 forwards;animation:move-plate-3 11s ease 15s 3 forwards}@-webkit-keyframes move-plate-3{0%{left:45%;bottom:0;-webkit-transform:translate(-50%,-50%) rotateX(45deg);transform:translate(-50%,-50%) rotateX(45deg)}50%{bottom:60%}to{left:60%;bottom:50%;-webkit-transform:translate(-50%,-50%) rotateX(45deg) scale(0);transform:translate(-50%,-50%) rotateX(45deg) scale(0)}}@keyframes move-plate-3{0%{left:45%;bottom:0;-webkit-transform:translate(-50%,-50%) rotateX(45deg);transform:translate(-50%,-50%) rotateX(45deg)}50%{bottom:60%}to{left:60%;bottom:50%;-webkit-transform:translate(-50%,-50%) rotateX(45deg) scale(0);transform:translate(-50%,-50%) rotateX(45deg) scale(0)}}.plate-4{-webkit-animation:move-plate-4 10s ease 25s 3 forwards;animation:move-plate-4 10s ease 25s 3 forwards}@-webkit-keyframes move-plate-4{0%{left:43%;bottom:0;-webkit-transform:translate(-50%,-50%) rotateX(45deg);transform:translate(-50%,-50%) rotateX(45deg)}50%{bottom:60%}to{left:45%;bottom:50%;-webkit-transform:translate(-50%,-50%) rotateX(45deg) scale(0);transform:translate(-50%,-50%) rotateX(45deg) scale(0)}}@keyframes move-plate-4{0%{left:43%;bottom:0;-webkit-transform:translate(-50%,-50%) rotateX(45deg);transform:translate(-50%,-50%) rotateX(45deg)}50%{bottom:60%}to{left:45%;bottom:50%;-webkit-transform:translate(-50%,-50%) rotateX(45deg) scale(0);transform:translate(-50%,-50%) rotateX(45deg) scale(0)}}.plate:checked{counter-increment:list}.score:after{content:counter(list);font-size:24px;font-family:sans-serif;color:#6200ea}div{position:absolute;margin:5px}