*{box-sizing:border-box;margin:0;padding:0}body{background:linear-gradient(#1290c2,#a2eec8);color:#000;font-family:Orbitron,sans-serif;font-size:20px;font-weight:600}.wrapper{display:flex;flex-direction:column;min-height:100vh;overflow:hidden}.header{background-color:rgba(0,0,0,.1);text-align:center}.header,.mainFrame{display:flex;justify-content:center;padding:20px}.mainFrame{margin:auto 0}.humanFrame,.machineFrame,.mainFrame,.scoreFrame{align-items:center;flex-direction:column;width:100%}.humanFrame,.machineFrame,.scoreFrame{background-color:rgba(0,0,0,.1);border-radius:4rem;box-shadow:0 0 10px rgba(0,0,0,.1);display:flex;height:100%;justify-content:space-between;padding:20px;text-align:center;transition:all .4s}.container{justify-content:space-between}.container,.scoreFrame{align-items:center;display:flex;flex-direction:row}.scoreFrame{background-color:rgba(0,0,0,.1);border-radius:3rem;font-size:20px;height:90px;justify-content:space-around;margin:20px 0;text-align:center;-webkit-transform:scale(1);transform:scale(1);transition:all .4s}.scoreFrame.active{box-shadow:0 0 10px transparent;font-size:40px;padding:20px;-webkit-transform:scale(1.05);transform:scale(1.05)}.score{align-items:center;background-color:rgba(0,0,0,.1);border-radius:30px;box-shadow:0 0 10px rgba(0,0,0,.1);display:flex;height:50px;justify-content:center;width:100px}.invisible{visibility:hidden}.footer{align-items:center;background-color:rgba(0,0,0,.1);display:flex;font-size:20px;justify-content:space-between;padding:20px}.footer img{margin:7px 0 0;width:150px}button{background-color:rgba(0,0,0,.1);background-image:none;border:none;border-radius:50%;box-shadow:0 0 10px rgba(0,0,0,.1);cursor:pointer;font-size:20px;font-weight:600;height:50px;-webkit-transform:scale(1);transform:scale(1);transition:all .3s;width:50px}button,button:hover{color:#000;font-family:Orbitron}button:hover{background-color:rgba(0,0,0,.2)}button:active{background-color:rgba(0,0,0,.3);color:#000;font-family:Orbitron;-webkit-transform:scale(.6);transform:scale(.6)}button:disabled{border-radius:30px;cursor:default;font-family:Orbitron}button:disabled,button:disabled:hover{background-color:rgba(0,0,0,.05);color:#3a3a3a}button:disabled:hover{-webkit-transform:scale(1);transform:scale(1)}.btn-play{border-radius:30px;font-family:Orbitron}.btn-play,.btn-play:disabled{width:100px}.text-name{font-size:30px}.text{-webkit-text-fill-color:transparent;animation:animated_text 6s ease-in-out infinite;-moz-animation:animated_text 6s ease-in-out infinite;-webkit-animation:animated_text 6s ease-in-out infinite;background:linear-gradient(-45deg,#6acece,#6acece,#030b3b,#030b3b,#55ebcb,#55ebcb);-webkit-background-clip:text;background-size:300%;font-size:20px}@-webkit-keyframes animated_text{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes animated_text{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@media only screen and (min-width:1000px){.mainFrame{flex-direction:row}.humanFrame,.machineFrame,.scoreFrame{width:400px}.scoreFrame{flex-direction:column;height:300px;margin:0 25px;text-align:center;transition:all .2s;width:150px}.scoreFrame.active{width:300px}}@media only screen and (min-width:1440px){.mainFrame{flex-direction:row;-webkit-transform:scale(1.2);transform:scale(1.2);transition:all .4s}}@media screen and (min-device-width:0px) and (max-device-width:374px){.mainFrame{-webkit-transform:scale(.95);transform:scale(.95);transition:all .4s}.humanFrame img,.machineFrame img{width:180px}.btn-right{position:relative;right:15%}.btn-left{left:15%;position:relative}}@media only screen and (min-width:2500px){.mainFrame{flex-direction:row;-webkit-transform:scale(2);transform:scale(2);transition:all .4s}}
/*# sourceMappingURL=main.441396e5.css.map*/