@import url(https://fonts.googleapis.com/css2?family=Anonymous+Pro&display=swap);*{box-sizing:border-box;margin:0;padding:0}body{height:100vh;width:100vw}.App{flex-direction:column;height:100vh;transition:all .7s ease-in-out}.App,.container{justify-content:space-evenly;width:100%}.App,.btnCont,.container{align-items:center;display:flex}.btnCont{justify-content:space-between;width:300px}.btnCont button{--colorSolve:#1a8516;--colorSolve2:#236b19;--colorReset:#851616;--colorReset2:#6b1919;--colorVerify:#162585;--colorVerify2:#191f6b;background:linear-gradient(var(--colorSolve),var(--colorSolve2));border:none;color:#fff;cursor:pointer;font-size:20px;letter-spacing:4px;outline:none;padding:.8em;-webkit-perspective:500px;perspective:500px;text-shadow:0 10px 10px #000;text-transform:uppercase;-webkit-transform:rotateX(70deg) rotate(30deg);transform:rotateX(70deg) rotate(30deg);-webkit-transform-style:preserve-3d;transform-style:preserve-3d;transition:-webkit-transform .5s;transition:transform .5s;transition:transform .5s,-webkit-transform .5s}.btnCont button:before{background-color:var(--colorSolve2);bottom:0;content:"";height:15px;position:absolute;right:0;-webkit-transform:rotateX(90deg);transform:rotateX(90deg);-webkit-transform-origin:bottom;transform-origin:bottom;width:100%}.btnCont button:after{background-color:var(--colorSolve);content:"";height:100%;position:absolute;right:0;top:0;-webkit-transform:rotateY(-90deg);transform:rotateY(-90deg);-webkit-transform-origin:right;transform-origin:right;width:15px}.btnCont button:hover{-webkit-transform:rotateX(30deg) rotate(0);transform:rotateX(30deg) rotate(0)}.btnCont button:nth-child(2){background:linear-gradient(var(--colorVerify),var(--colorVerify2))}.btnCont button:nth-child(2):before{background-color:var(--colorVerify)}.btnCont button:nth-child(2):after{background-color:var(--colorVerify2)}.btnCont button:nth-child(3){background:linear-gradient(var(--colorReset),var(--colorReset2))}.btnCont button:nth-child(3):before{background-color:var(--colorReset)}.btnCont button:nth-child(3):after{background-color:var(--colorReset2)}input[type=number]{background-color:#eee;border:none;border-radius:15px;box-shadow:0 .3rem #dfd9d9;color:#000;font-family:Anonymous Pro,monospace;font-size:x-large;height:40px;margin:5px;outline-color:#fff;text-align:center;transition:all .5s ease-in-out;width:40px}input[type=number]:focus{outline-color:#f08080}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.border{align-items:center;display:flex;justify-content:center;width:100%}.border:first-child .border-right,.border:nth-child(4) .border-right,.border:nth-child(7) .border-right{padding-top:.5%}.border-right{padding-bottom:.5%}.border-right:nth-child(3n){border-right:5px solid;padding-right:.5%}.border-right:nth-child(4),.border-right:nth-child(7){padding-left:.5%}.border:nth-child(3n) .border-right{border-bottom:5px solid}.border:nth-child(9) .border-right{border-bottom:0}.border-right:nth-child(9){border-right:0}.border:first-child .border-right:first-child{border-radius:15px 0 0 0}.border:first-child .border-right:nth-child(9){border-radius:0 15px 0 0}.border:nth-child(9) .border-right:first-child{border-radius:0 0 0 15px}.border:nth-child(9) .border-right:nth-child(9){border-radius:0 0 15px 0}.border-right{background-color:#dfd9d9}.border:nth-child(n+1):nth-child(-n+3) .border-right:nth-child(n+1):nth-child(-n+3),.border:nth-child(n+1):nth-child(-n+3) .border-right:nth-child(n+7):nth-child(-n+9),.border:nth-child(n+4):nth-child(-n+6) .border-right:nth-child(n+4):nth-child(-n+6),.border:nth-child(n+7):nth-child(-n+9) .border-right:nth-child(n+1):nth-child(-n+3),.border:nth-child(n+7):nth-child(-n+9) .border-right:nth-child(n+7):nth-child(-n+9){background-color:#fda2a2}@media (max-width:576px){input[type=number]{border-radius:8px;box-shadow:0 .2rem #dfd9d9;font-size:18px;height:25px;width:25px}.container{flex-direction:column}.btnCont{height:100%;justify-content:space-evenly;padding-top:5%;width:300px}}header{align-items:center;display:flex;flex-direction:column;justify-content:center;width:100%}header h1,header h3{font-family:Anonymous Pro,monospace}
/*# sourceMappingURL=main.e147be44.css.map*/