*{box-sizing:border-box;margin:0;padding:0}.App{background-color:#000;height:100vh;overflow:hidden;position:relative}.loader{align-items:center;display:flex;flex-direction:column;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.loader span{color:#fff;font-size:25px;margin-top:15px;text-align:center}.start_button{border-radius:50%;height:90%;top:50%;transform:translate(-50%,-50%);width:950px}.play_button,.start_button{background-color:initial;border:none;left:50%;position:absolute;z-index:10}.play_button{cursor:pointer;top:80%;transform:translate(-50%,-80%)}.play_button img{animation:dancingButton 2s infinite alternate;height:80px;width:140px}.App canvas{height:100%!important;width:100%!important}.dots-container{height:100%;left:0;position:absolute;top:0;width:100%}.dot{animation:dancingDots .25s infinite alternate;border-radius:50%;box-shadow:0 0 10px #f6f6f6;opacity:.8;position:absolute;transition:transform .2s ease,all 1s ease}@keyframes dancingDots{0%{transform:scale(1.5)}to{transform:scale(.8)}}@keyframes dancingDotsMob{0%{transform:scale(1.1)}to{transform:scale(.5)}}@keyframes dancingButton{0%{transform:translateY(5px)}to{transform:translateY(-5px)}}@media (min-width:1024px) and (max-height:700px){.play_button{top:83%;transform:translate(-50%,-83%)}}@media (max-width:705px){.start_button{height:40%;width:70%}.play_button{background-color:initial;border:none;cursor:pointer;left:50%;position:absolute;top:75%;transform:translate(-50%,-75%);z-index:10}.play_button img{animation:dancingButton 2s infinite alternate;height:60px;width:100px}.dot{animation:dancingDotsMob .25s infinite alternate;border-radius:50%;box-shadow:0 0 10px #f6f6f6;opacity:.8;position:absolute;transition:transform .2s ease,all 1s ease}}@media (max-width:600px){.start_button{height:40%;width:90%}}
/*# sourceMappingURL=main.dff4c247.css.map*/