.App{text-align:center;background-color:#282c34;height:100vh;width:100vw;position:relative;overflow:hidden}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}html *{margin:0;padding:0;box-sizing:border-box;font-family:"Lucida Sans","Lucida Sans Regular","Lucida Grande","Lucida Sans Unicode",Geneva,Verdana,sans-serif}.flex{display:flex!important}#getStartedTrigger{width:180px;height:180px;border-radius:90px;background-color:rgba(0,0,0,.36470588235294116);padding:2em;color:wheat;box-shadow:3px 3px 16px -12px #000;display:flex;justify-content:center;position:absolute;bottom:3em;z-index:1;left:3em;cursor:pointer;align-items:center;transition:all .5s ease-in-out}#getStartedTrigger:hover{background-color:#000}.scoreCounter{opacity:.3;transition:all .3s ease-in-out}.activeCounting{color:#b25102;font-size:3em;opacity:.7}.activeCounting:hover{opacity:1}#countDownTimer{position:absolute;background-color:hsla(0,0%,100%,.09921);color:rgba(0,0,0,.5215686274509804);padding:3em;border-radius:50%;width:10em;height:10em;justify-content:center;font-size:2em}#countDownTimer,header{align-items:center;display:flex}header{justify-content:space-between;color:#fff;z-index:1;padding:2em}header h2{font-size:2em}.centerElement{justify-content:center}.controlKeys{position:absolute;bottom:3em;right:3em;width:30%;max-width:350px;z-index:1;padding:2.5em;border-radius:1em;background-color:hsla(0,0%,100%,.1);box-shadow:3px 3px 16px -12px #000;border-top-left-radius:6em;border-top-right-radius:6em}.controlKeys>h2{margin-bottom:1em;color:wheat;font-size:xx-large}.controlKeys>div{display:flex;width:100%;flex-wrap:wrap;justify-content:flex-end}.controlKeys p{width:90px;height:90px;display:flex;justify-content:center;align-items:center;color:#fff;border:.5px solid wheat;cursor:pointer;transition:all .3s ease-in-out;font-size:3em}.controlKeys p:first-child{width:270px;border-bottom:0}.controlKeys div>p:nth-child(4){border-left:0;border-right:0}.controlKeys p:hover{background-color:#271a57;color:wheat}.body{top:50%;margin-left:-50px;left:50%;-webkit-animation:speeder .4s linear infinite;animation:speeder .4s linear infinite;transform:rotate(-24deg)}.body,.body>span{position:absolute}.body>span{height:5px;width:35px;background:#00ff62;top:-19px;left:60px;border-radius:2px 10px 1px 0}.base span{position:absolute;width:0;height:0;border-top:6px solid transparent;border-right:100px solid #000;border-bottom:6px solid transparent}.base span:after{height:22px;width:22px;border-radius:50%;background:#000;right:-110px}.base span:after,.base span:before{content:"";position:absolute;top:-16px}.base span:before{width:0;height:0;border-top:0 solid transparent;border-right:55px solid #000;border-bottom:16px solid transparent;right:-98px}.face{width:20px;border-radius:20px 20px 0 0;transform:rotate(-40deg);right:-125px;top:-15px}.face,.face:after{position:absolute;height:12px;background:#000}.face:after{content:"";width:12px;right:4px;top:7px;transform:rotate(40deg);transform-origin:50% 50%;border-radius:0 0 0 2px}.body>span>span:first-child,.body>span>span:nth-child(2),.body>span>span:nth-child(3),.body>span>span:nth-child(4){width:30px;height:1px;background:#3b009b;position:absolute;-webkit-animation:fazer1 .2s linear infinite;animation:fazer1 .2s linear infinite}.body>span>span:nth-child(2){top:3px;-webkit-animation:fazer2 .4s linear infinite;animation:fazer2 .4s linear infinite}.body>span>span:nth-child(3){top:1px;-webkit-animation:fazer3 .4s linear infinite;animation:fazer3 .4s linear infinite;-webkit-animation-delay:-1s;animation-delay:-1s}.body>span>span:nth-child(4){top:4px;-webkit-animation:fazer4 1s linear infinite;animation:fazer4 1s linear infinite;-webkit-animation-delay:-1s;animation-delay:-1s}@-webkit-keyframes fazer1{0%{left:0}to{left:-80px;opacity:0}}@keyframes fazer1{0%{left:0}to{left:-80px;opacity:0}}@-webkit-keyframes fazer2{0%{left:0}to{left:-100px;opacity:0}}@keyframes fazer2{0%{left:0}to{left:-100px;opacity:0}}@-webkit-keyframes fazer3{0%{left:0}to{left:-50px;opacity:0}}@keyframes fazer3{0%{left:0}to{left:-50px;opacity:0}}@-webkit-keyframes fazer4{0%{left:0}to{left:-150px;opacity:0}}@keyframes fazer4{0%{left:0}to{left:-150px;opacity:0}}@-webkit-keyframes speeder{0%{transform:translate(2px,1px) rotate(0deg)}10%{transform:translate(-1px,-3px) rotate(-1deg)}20%{transform:translate(-2px) rotate(1deg)}30%{transform:translate(1px,2px) rotate(0deg)}40%{transform:translate(1px,-1px) rotate(1deg)}50%{transform:translate(-1px,3px) rotate(-1deg)}60%{transform:translate(-1px,1px) rotate(0deg)}70%{transform:translate(3px,1px) rotate(-1deg)}80%{transform:translate(-2px,-1px) rotate(1deg)}90%{transform:translate(2px,1px) rotate(0deg)}to{transform:translate(1px,-2px) rotate(-1deg)}}@keyframes speeder{0%{transform:translate(2px,1px) rotate(0deg)}10%{transform:translate(-1px,-3px) rotate(-1deg)}20%{transform:translate(-2px) rotate(1deg)}30%{transform:translate(1px,2px) rotate(0deg)}40%{transform:translate(1px,-1px) rotate(1deg)}50%{transform:translate(-1px,3px) rotate(-1deg)}60%{transform:translate(-1px,1px) rotate(0deg)}70%{transform:translate(3px,1px) rotate(-1deg)}80%{transform:translate(-2px,-1px) rotate(1deg)}90%{transform:translate(2px,1px) rotate(0deg)}to{transform:translate(1px,-2px) rotate(-1deg)}}.longfazers{position:absolute;width:100vh;height:100vw;transform:rotate(-68deg)}.longfazers span{position:absolute;height:2px;width:20%;background:#000}.longfazers span:first-child{top:20%;-webkit-animation:lf .6s linear infinite;animation:lf .6s linear infinite;-webkit-animation-delay:-5s;animation-delay:-5s}.longfazers span:nth-child(2){top:40%;-webkit-animation:lf2 .8s linear infinite;animation:lf2 .8s linear infinite;-webkit-animation-delay:-1s;animation-delay:-1s}.longfazers span:nth-child(3){top:60%;-webkit-animation:lf3 .6s linear infinite;animation:lf3 .6s linear infinite}.longfazers span:nth-child(4){top:80%;-webkit-animation:lf4 .5s linear infinite;animation:lf4 .5s linear infinite;-webkit-animation-delay:-3s;animation-delay:-3s}@-webkit-keyframes lf{0%{left:200%}to{left:-200%;opacity:0}}@keyframes lf{0%{left:200%}to{left:-200%;opacity:0}}@-webkit-keyframes lf2{0%{left:200%}to{left:-200%;opacity:0}}@keyframes lf2{0%{left:200%}to{left:-200%;opacity:0}}@-webkit-keyframes lf3{0%{left:200%}to{left:-100%;opacity:0}}@keyframes lf3{0%{left:200%}to{left:-100%;opacity:0}}@-webkit-keyframes lf4{0%{left:200%}to{left:-100%;opacity:0}}@keyframes lf4{0%{left:200%}to{left:-100%;opacity:0}}#modal{z-index:2;position:absolute;top:0;right:0;left:0;bottom:0;opacity:0;transition:opacity .3s ease-in-out;display:flex;justify-content:center;align-items:center}#modal.show{opacity:1}.modal_body{width:40%;height:40%;border-radius:20px;padding:3em;box-shadow:0 0 25px -3px rgba(0,0,0,.36470588235294116);display:flex;flex-direction:column;justify-content:space-between;-webkit-animation:.5s linear;animation:.5s linear}.modal_body h2{color:#fff;font-size:3em}.modal_body button{padding:.5em 0;border-radius:5px;border:3px solid transparent;background-color:rgba(0,0,0,.36470588235294116);font-weight:700;font-size:2em;color:wheat;transition:all .35s ease-in-out}.modal_body button:hover{background-color:wheat;color:rgba(0,0,0,.36470588235294116);font-weight:700;font-size:2em}
/*# sourceMappingURL=main.3f66f80f.chunk.css.map */