@import url(https://fonts.googleapis.com/css2?family=Barlow+Semi+Condensed:wght@600;700&display=swap);*{box-sizing:border-box;font-family:Barlow Semi Condensed,sans-serif;margin:0;padding:0}img{width:100%}.score-box{align-items:center;border:1px solid #fff;border-radius:5px;display:flex;justify-content:space-between;margin:auto;padding:1em;width:40%}.score-logo-box{width:120px}.score-total-box{align-items:center;background-color:#fff;border-radius:5px;display:flex;flex-direction:column;height:90px;justify-content:center;width:90px}.score-total-box p{color:#2a46c0}.score-total-box h3{color:#3b4363;font-size:2.4em}@media (max-width:600px){.score-box{width:95%}.score-logo-box{width:90px}.score-total-box{height:70px;width:70px}.score-total-box h3{font-size:2em}.score-total-box p{font-size:.7em}}.select-box{background-image:url(/rock-paper-scissors/static/media/bg-triangle.77c6ca418d3751d8f717.svg);background-position:50%;background-repeat:no-repeat;background-size:250px;flex-wrap:wrap;margin:30px auto 0;width:40%}.option-box,.select-box{display:flex;justify-content:center}.option-box{align-items:center;background-color:#fff;border-radius:100px;cursor:pointer;height:150px;margin:20px 50px;padding:1.5em;width:150px}.paper-box{border:15px solid #4865f4}.paper-box:hover{border:15px solid #5671f5}.rock-box{border:15px solid #dc2e4e}.rock-box:hover{border:15px solid #dd405d}.scissors-box{border:15px solid #ec9e0e}.scissors-box:hover{border:15px solid #eca922}@media (max-width:600px){.select-box{background-size:180px;width:100%}.option-box{height:100px;margin:15px 20px;padding:1.2em;width:100px}.paper-box{border:10px solid #4865f4}.rock-box{border:10px solid #dc2e4e}.scissors-box{border:10px solid #ec9e0e}}.combat-box{display:flex;justify-content:space-between;margin:50px auto;max-width:60%}.combat-item p{color:#fff;font-size:1.3em;text-align:center;text-transform:uppercase}.combat-selection-box{align-items:center;background-color:#fff;border-radius:100px;cursor:pointer;display:flex;height:180px;justify-content:center;margin:50px 0;padding:2.5em;width:180px}.combat-computer-loading{background-color:rgba(0,0,0,.382);border-radius:100px;height:150px;margin:70px 0;width:150px}.combat-result-box{align-items:center;display:flex}.combat-result-responsive-box{display:none}@media (max-width:600px){.combat-box{align-items:center;flex-wrap:wrap;margin:50px 0;max-width:100%}.combat-item p{font-size:.9em}.combat-selection-box{height:90px;margin:10px 5px;padding:1em;width:90px}.combat-computer-loading{height:90px;margin:10px 15px;width:90px}.combat-result-box{display:none}.combat-result-responsive-box{align-items:center;display:flex;margin:auto}.combat-item{align-items:center;display:flex;flex-direction:column;margin:0;width:auto}}.result-box{align-items:center;display:flex;flex-direction:column;justify-content:center;width:400px}.result-box h4{color:#fff;font-size:2em;margin:20px 0;text-transform:uppercase}.result-box button{border-radius:5px;border-style:none;color:#606e85;cursor:pointer;padding:1em;text-transform:uppercase;width:200px}@media (max-width:600px){.result-box{width:300px}}.App{background:radial-gradient(circle at center,#1f3756,#141539);height:100vh;padding:3em}@media (max-width:600px){.App{padding:1em}}.btn-rules{background-color:initial;border:1px solid #fff;border-radius:5px;color:#fff;cursor:pointer;padding:.8em;text-transform:uppercase;width:110px}.btn-rule-box{display:flex;justify-content:end}.rules-box{background-color:#fff;border-radius:5px;flex-direction:column;left:550px;padding:1em;position:absolute;top:200px;width:300px}.rules-text-box{align-items:center;display:flex;justify-content:space-between}.rules-text-box p{color:#3b4363;font-size:1.5em;text-transform:uppercase}.rules-text-box div{cursor:pointer}.rule-img-box{margin:15px auto;width:200px}.close-rule-responsive{display:none}@media (max-width:600px){.btn-rule-box{justify-content:center;margin-top:40px}.rules-box{border-radius:0;height:100vh;left:0;top:0;width:100vw}.rule-img-box{margin:auto;width:100%}.close-rule-responsive{display:flex;justify-content:center;margin:0 auto;width:30px}.rules-text-box div{display:none}.rules-text-box p{margin:auto}}
/*# sourceMappingURL=main.55811b48.css.map*/