*{margin:0;padding:0;box-sizing:border-box;font-family:"Poppins",sans-serif}body{height:100vh;width:100vw;background:radial-gradient(#1f3756,#141539);position:relative;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}.rules{position:absolute;height:350px;width:360px;background-color:#fff;border-radius:5px;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);padding:25px;font-weight:600;font-size:2em;transition:all .3s;z-index:99}.close{float:right;cursor:pointer}.rulesimg{width:100%;height:250px;padding:20px}.app{width:100vw;height:100vh;padding:20px 0;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;-webkit-flex-direction:column;flex-direction:column}.header{width:800px;height:150px;-webkit-justify-content:space-between;justify-content:space-between;padding:10px;border:1px solid #fff;border-radius:10px}.header,.score{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.score{width:150px;height:100px;background-color:#fff;border-radius:10px;-webkit-justify-content:center;justify-content:center;-webkit-flex-direction:column;flex-direction:column}.score-text{color:#2a46c0;font-size:18px;font-weight:400}.score-num{color:#2f4f4f;font-size:40px;font-weight:600}.rulebtn{width:120px;height:40px;background-color:transparent;border:1px solid #fff;text-align:center;border-radius:5px;color:#fff;font-weight:600;position:absolute;top:97%;left:97%;-webkit-transform:translate(-97%,-97%);transform:translate(-97%,-97%);cursor:pointer}.rulebtn:hover{background-color:#fff;color:#00008b}.game{width:1000px;height:600px;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;transition:all .3s}.select{width:65%;height:100%;background:url(/static/media/bg-triangle.c0c30b56.svg) no-repeat;background-position:50% 50%}.sl-paper,.sl-scissors{width:50%}.sl-paper,.sl-rock,.sl-scissors{height:50%;float:left;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}.sl-rock{width:100%}.paper-icon{box-shadow:0 0 0 15px #5671f5}.paper-icon,.scissors-icon{height:130px;width:130px;border-radius:50%;background-color:#fff;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}.scissors-icon{box-shadow:0 0 0 15px #eca922}.rock-icon{height:130px;width:130px;border-radius:50%;background-color:#fff;box-shadow:0 0 0 15px #dd405d;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}.paper-icon:hover,.rock-icon:hover,.scissors-icon:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.paper-icon,.rock-icon,.scissors-icon{transition:all .2s;cursor:pointer}.result{width:100%}.com,.result,.result-text,.user{height:100%;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}.com,.result-text,.user{width:33%;-webkit-flex-direction:column;flex-direction:column;color:#fff;font-weight:600;font-size:1.5em}.result-text{-webkit-transform:scale(.1);transform:scale(.1);width:0;overflow:hidden;transition:all 2s;white-space:nowrap}.paper,.rock,.scissors{height:75%;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;height:160px;width:160px;background-color:#fff;border-radius:50%;margin-top:50px}.paper{box-shadow:0 0 0 20px #5671f5}.rock{box-shadow:0 0 0 20px #dd405d}.scissors{box-shadow:0 0 0 20px #eca922}.result-text{font-size:3em}.result-text button{width:150px;background-color:#fff;border-radius:6px;border:0;height:30px;cursor:pointer}.result-text button:hover{color:red}
/*# sourceMappingURL=main.93a41cfc.chunk.css.map */