*{box-sizing:border-box}body,html{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;height:100vh;font-size:12px;color:#fff0fb;background-color:#242d41;background:#0f0c29;background:linear-gradient(270deg,#272241,#312661,#121e3d)}@media (max-width:1500px){body,html{font-size:10px}}@media (max-width:769px){body,html{font-size:6px}}@media (max-width:450px){body,html{font-size:5px}}#root{height:100%;margin:0;padding:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}button:focus{outline:none}button:disabled{cursor:default}.app{display:flex;flex-direction:column;align-items:center;height:100%;padding:20px 20px 0}button.simpleBtn{padding:10px 25px;text-transform:uppercase;background:none;color:#fff0fb;border:1px solid #fff0fb;border-radius:10px;cursor:pointer;font-size:1.5rem;transition:.3s}button.simpleBtn:hover{background-color:#fff0fb;color:#20135a}header.header{display:flex;justify-content:space-between;align-items:stretch;min-width:50vw;border-radius:15px;border:1px solid hsla(0,0%,100%,.767)}header.header div.title{display:flex;flex-direction:column;padding:5px 10px;height:100%}header.header div.title h1{margin:0;padding:0;line-height:100%;font-size:3rem;text-transform:uppercase;text-shadow:5px 5px 2px #0f1b50}header.header div.score{display:flex;flex-direction:column;justify-content:center;align-items:center;margin:10px;padding:10px 25px;border-radius:15px;background:#fff0fb;box-shadow:-10px 0 13px -7px #000,10px 0 13px -7px #000,5px 5px 15px 5px transparent;text-shadow:1px 1px 2px #7a7a7a,2px 2px 2px #7a7a7a;color:#20135a}header.header div.score h1{min-width:70px;font-size:4rem;margin:0;text-align:center;line-height:100%}header.header div.score h2{font-size:1.2rem;margin:0;text-transform:uppercase}div.containerSquare{margin:auto;position:relative;width:50%}div.containerSquare:before{content:"";display:block;padding-top:100%}main.board{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;position:relative;margin:10px 0 0 10px;align-self:stretch;overflow:hidden}main.board h1.gameResult{font-size:3.2rem;margin:5px 0 0;opacity:1;transition:.3s;text-shadow:4px 4px 1px #0f1b50}main.board button.tryAgain{position:absolute;top:10%;left:50%;transform:translate(-50%,-100%);opacity:0;pointer-events:none}main.board button.tryAgain.active{opacity:1;pointer-events:auto;transform:translate(-50%,-50%)}button.btnHand{padding:0;border:none;position:absolute;transform:translate(-50%,-50%);width:13vw;height:13vw;background-color:transparent;border-radius:50%;transition:.5s;cursor:pointer}button.btnHand:before{width:100%;height:100%;background-color:#91a5c0;background:linear-gradient(180deg,rgba(145,165,192,.7) 0,rgba(145,165,192,.9) 41%,#91a5c0);box-shadow:0 10px 0 0 rgba(145,165,192,.5);top:0;left:0;z-index:-10}button.btnHand:after,button.btnHand:before{padding:0;content:"";position:absolute;border-radius:50%;transition:.3s}button.btnHand:after{width:80%;height:80%;box-shadow:inset 0 10px 0 0 rgba(145,165,192,.5);background-color:#fff0fb;top:50%;left:50%;transform:translate(-50%,-50%);z-index:-5}button.btnHand:not([disabled]):hover:before{box-shadow:0 0 0 0 rgba(145,165,192,.5);transform:translateY(10px)}button.btnHand:not([disabled]):hover:after{box-shadow:inset 0 0 0 0 rgba(145,165,192,.5);transform:translate(-50%,calc(-50% + 10px))}button.btnHand.hide{opacity:0;pointer-events:none}button.btnHand.rock{top:20%;left:50%}button.btnHand.rock:before{width:100%;height:100%;background-color:#cf0e07;background:linear-gradient(180deg,rgba(207,14,7,.7) 0,rgba(207,14,7,.9) 41%,#cf0e07);box-shadow:0 10px 0 0 rgba(207,14,7,.5);top:0;left:0;z-index:-10}button.btnHand.rock:after,button.btnHand.rock:before{padding:0;content:"";position:absolute;border-radius:50%;transition:.3s}button.btnHand.rock:after{width:80%;height:80%;box-shadow:inset 0 10px 0 0 rgba(207,14,7,.5);background-color:#fff0fb;top:50%;left:50%;transform:translate(-50%,-50%);z-index:-5}button.btnHand.rock:not([disabled]):hover:before{box-shadow:0 0 0 0 rgba(207,14,7,.5);transform:translateY(10px)}button.btnHand.rock:not([disabled]):hover:after{box-shadow:inset 0 0 0 0 rgba(207,14,7,.5);transform:translate(-50%,calc(-50% + 10px))}button.btnHand.paper{top:53%;left:31%}button.btnHand.paper:before{width:100%;height:100%;background-color:#16ce09;background:linear-gradient(180deg,rgba(22,206,9,.7) 0,rgba(22,206,9,.9) 41%,#16ce09);box-shadow:0 10px 0 0 rgba(22,206,9,.5);top:0;left:0;z-index:-10}button.btnHand.paper:after,button.btnHand.paper:before{padding:0;content:"";position:absolute;border-radius:50%;transition:.3s}button.btnHand.paper:after{width:80%;height:80%;box-shadow:inset 0 10px 0 0 rgba(22,206,9,.5);background-color:#fff0fb;top:50%;left:50%;transform:translate(-50%,-50%);z-index:-5}button.btnHand.paper:not([disabled]):hover:before{box-shadow:0 0 0 0 rgba(22,206,9,.5);transform:translateY(10px)}button.btnHand.paper:not([disabled]):hover:after{box-shadow:inset 0 0 0 0 rgba(22,206,9,.5);transform:translate(-50%,calc(-50% + 10px))}button.btnHand.scissors{top:53%;left:69%}button.btnHand.scissors:before{width:100%;height:100%;background-color:#e6de00;background:linear-gradient(180deg,rgba(230,222,0,.7) 0,rgba(230,222,0,.9) 41%,#e6de00);box-shadow:0 10px 0 0 rgba(230,222,0,.5);top:0;left:0;z-index:-10}button.btnHand.scissors:after,button.btnHand.scissors:before{padding:0;content:"";position:absolute;border-radius:50%;transition:.3s}button.btnHand.scissors:after{width:80%;height:80%;box-shadow:inset 0 10px 0 0 rgba(230,222,0,.5);background-color:#fff0fb;top:50%;left:50%;transform:translate(-50%,-50%);z-index:-5}button.btnHand.scissors:not([disabled]):hover:before{box-shadow:0 0 0 0 rgba(230,222,0,.5);transform:translateY(10px)}button.btnHand.scissors:not([disabled]):hover:after{box-shadow:inset 0 0 0 0 rgba(230,222,0,.5);transform:translate(-50%,calc(-50% + 10px))}button.btnHand .gameIco{transform:translateY(18%);color:#20135a;font-size:5rem}button.btnHand.selected{top:33%;left:18%}button.btnHand.cpuSelected{top:33%;left:unset;bottom:unset;right:18%;transform:translate(50%,-50%)}button.btnHand:disabled{cursor:default}
/*# sourceMappingURL=main.52926b92.chunk.css.map */