@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap);*{box-sizing:border-box}@media screen and (min-width:601px){div.example{font-size:28px}}@media screen and (max-width:600px){button .butn{font-size:2px}}body{background-color:#000;font-family:Roboto,sans-serif;display:flex;flex-direction:column;align-items:center;justify-content:center;height:80vh;margin:0}body,button{overflow:hidden;position:relative}button{background-image:url(/static/media/fxVE.d15843bd.gif);background-size:300px 300px;background-repeat:no-repeat;background-position:50%;background-color:initial;color:#fff;border:none;font-size:14px;text-transform:uppercase;letter-spacing:2px;padding:20px 30px;margin:10px 0;width:50vw;height:50vh}button:focus{outline:none}button.circle{position:absolute;background-color:#c12a88;width:20px;height:20px;border-radius:50%;transform:translate(-50%,-50%) scale(0);animation:scale .7s ease-out;overflow:hidden}@keyframes scale{to{transform:translate(-50%,-50%) scale(2.5);opacity:0}}button.circle.red{background-color:#bb31ff}button.circle.yellow{background-color:#bd30ff}button.circle.green{background-color:#bf2dc2}body.back{background-image:url(/static/media/fxVE.d15843bd.gif);background-repeat:no-repeat;background-size:auto 100%;background-position:50%}button.butn{background-color:initial;border:none;color:#fff;font-size:14px;text-transform:uppercase;letter-spacing:2px;padding:20px 30px;overflow:visible;margin:10px 0;position:relative;width:500px;height:300px}body .circle{position:absolute;background-color:#00f;width:20px;height:20px;border-radius:50%;transform:translate(-25%,-25%) scale(0);animation:scale .3s ease-out}body .circle.red{background-color:red}body .circle.yellow{background-color:#ff0}body .circle.green{background-color:green}.scoreBoard{position:absolute;top:10px;right:200px;height:auto;font-size:30px;font-weight:bolder;width:50px;text-align:center;padding:auto 5px;background-color:#000;color:#bd30ff}body .lightning{background-image:url(/boom-lightning.gif);background-repeat:no-repeat;background-size:auto 100%;background-position:50%}.score{top:10px;right:250px}.direction,.score{position:absolute;height:auto;font-size:30px;font-weight:bolder;width:auto;text-align:center;padding:auto 5px;background-color:#000;color:#bd30ff}.direction{bottom:10px}.App{text-align:center}
/*# sourceMappingURL=main.b9320559.chunk.css.map */