:root{--gradient:linear-gradient(45deg,#fffaff,#45e9ff,#456de4,#ff30d6)}*{font-family:Press Start\ 2P,cursive;margin:0;overflow:hidden}body{align-items:center;-webkit-animation:bg-animation 20s infinite alternate;animation:bg-animation 20s infinite alternate;background-color:#fffaff;background-image:linear-gradient(45deg,#fffaff,#45e9ff,#456de4,#ff30d6);background-image:var(--gradient);background-size:400%;display:flex;justify-content:center;min-height:100vh}@-webkit-keyframes bg-animation{0%{background-position:0}to{background-position:100%}}@keyframes bg-animation{0%{background-position:0}to{background-position:100%}}.container,.container-2{-webkit-animation:drop-container 1.5s;animation:drop-container 1.5s;background-color:#fffaff;border-radius:40px;display:flex;flex-direction:column;height:auto;justify-content:center;margin:auto;max-width:600px;padding:0 50px 50px}@-webkit-keyframes drop-container{0%{-webkit-transform:translateY(-1000px);transform:translateY(-1000px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes drop-container{0%{-webkit-transform:translateY(-1000px);transform:translateY(-1000px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}.container-2{padding:50px}.logo{height:auto;max-width:100%}.logo,.vs-container{-webkit-transform:translateY(-100px);transform:translateY(-100px)}.vs-container{align-items:flex-start;display:flex;flex-direction:row;font-size:35px;justify-content:space-between}.round-container{color:#456de4;display:flex;font-size:70px;justify-content:space-around}.you{color:#45e9ff}.ai{color:#ff30d6}.result{color:#456de4;font-size:30px;margin-top:20px;text-align:center}.res-none{color:#fffaff}.choise-container{margin-top:40px}.restart-btn,button{background:#45e9ff;border:5px solid #456de4;border-radius:15px;box-shadow:inset 0 0 0 0 #456de4;color:#456de4;padding:20px 30px;transition:.3s ease-out}.restart-btn:hover,button:hover{background:#456de4;border:5px solid #45e9ff;box-shadow:inset 180px 0 0 0 #456de4;color:#fffaff;cursor:pointer}.restart-btn:active,button:active{border:5px solid #456de4}.restart-btn:hover{box-shadow:inset 600px 0 0 0 #456de4}.choise-container{display:flex;justify-content:space-evenly;-webkit-transform:translateX(25px);transform:translateX(25px)}.container-2>h1{display:block;margin-bottom:40px;text-align:center}@media (max-width:600px){.vs-container{font-size:20px;-webkit-transform:translateY(-50px);transform:translateY(-50px)}.logo{-webkit-transform:translateY(-25px);transform:translateY(-25px)}.container,.container-2{padding:0 20px 20px}.round-container{font-size:50px;justify-content:space-around}.result{font-size:25px;margin-top:10px}.restart-btn,button{padding:10px 12px}.choise-container{-webkit-transform:translateX(10px);transform:translateX(10px)}.container-2>h1{display:block;margin-bottom:30px;margin-top:30px;text-align:center}}
/*# sourceMappingURL=main.acf91f09.css.map*/