body{margin:0;padding:0;font-family:"Barlow Semi Condensed",sans-serif}.score__box{background:#fff;color:#333;padding:10px;text-align:center;border-radius:6px;width:55px;height:55px}.score__box h6,.score__box p{margin:0}.score__box h6{text-transform:uppercase;letter-spacing:.1rem;color:#2a46c0}.score__box p{font-size:38px;font-weight:700;color:#555}@media(min-width:768px){.score__box{width:65px;height:65px}.score__box h6{font-size:.8rem}.score__box p{font-size:44px}}.score-header__container{color:#fff;padding-top:40px;width:80%;margin:auto}.score-header__box{display:flex;flex-direction:row;align-items:center;justify-content:space-between;border:4px solid #606e85;border-radius:8px;padding:10px}.score-header__title{font-size:.65rem;padding-bottom:5px;text-transform:uppercase;padding-left:15px}.score-header__title h1{margin:0 0 -5px}@media(min-width:768px){.score-header__container{width:50%}.score-header__title{font-size:.85rem}}.avatar-border{width:120px;height:120px;border-radius:50%;position:relative;cursor:pointer}.avatar__border-red{background:linear-gradient(0deg,#dd3150,#dd405d);background-repeat:no-repeat;background-size:cover;box-shadow:0 6px 0 0 #791b2c}.avatar__border-red:hover{background:linear-gradient(0deg,#d4546b,#db8090)}.avatar__border-blue{background:linear-gradient(0deg,#4865f4,#5671f5);background-repeat:no-repeat;background-size:cover;box-shadow:0 6px 0 0 #263fba}.avatar__border-blue:hover{background:linear-gradient(0deg,#7488ec,#9caaec)}.avatar__border-yellow{background:linear-gradient(90deg,#ec9e0e,#eca922);background-repeat:no-repeat;background-size:cover;box-shadow:0 6px 0 0 #d16d10}.avatar__border-yellow:hover{background:linear-gradient(90deg,#e1b460,#ddc89c)}.avatar-icon__container{text-align:center;padding:20px;margin-top:3px;background:#fff;height:50px;width:55px;border-radius:50%;box-shadow:0 -4px 0 0 #d1d1d1;pointer-events:none}.avatar-icon__container,.avatar-icon__container img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media(min-width:991px){.avatar-border{width:140px;height:140px}.avatar-icon__container{height:60px;width:65px}}.no-avatar{position:relative;width:120px;height:120px;border-radius:50%;background:linear-gradient(0deg,rgba(10,10,27,.5),rgba(23,37,58,.5));background-repeat:no-repeat;background-size:cover}.loading-avatar{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media(min-width:991px){.no-avatar{width:140px;height:140px}}.game__container{position:relative;margin:100px auto auto;width:90%}.game-title__container{color:#fff;text-align:center}.game-triangle__container{width:100%;margin:auto;text-align:center}.game-triangle__container img{width:180px;margin:auto}.rock-avatar{position:absolute;top:65%;left:50%;transform:translateX(-50%)}.paper-avatar{position:absolute;top:-50px;right:52%}.scissors-avatar{position:absolute;top:-50px;left:52%}.picked-game__container{width:80%;margin:auto;padding-top:40px}.picked-avatar__container{padding-top:10px;display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:space-between}.picked-avatar{display:flex;flex-direction:column;justify-content:center;align-items:center;pointer-events:none}.picked-avatar h5{text-transform:uppercase;font-size:.8rem;letter-spacing:.1rem}.game-result__container,.picked-avatar h5{color:#fff;text-align:center}.game-result__container h1{text-transform:uppercase;letter-spacing:.12rem;font-size:3rem;margin:0 0 16px}.play-again-btn{cursor:pointer;background:#fff;border-radius:8px;color:#444;width:130px;margin:auto;padding:12px 30px;text-transform:uppercase;letter-spacing:.1rem}@media(min-width:768px){.game__container{padding-top:20px}.game-triangle__container img{width:220px;margin:auto}.picked-game__container{width:70%;margin:auto;padding-top:0}.game-result__container,.picked-game__container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}}@media(min-width:991px){.picked-game__container{width:50%}}.rules-button__container{position:absolute;bottom:7%;left:50%;transform:translateX(-50%)}.rules-btn{color:#cacaca;border:1px solid #cacaca;border-radius:8px;padding:10px 40px;letter-spacing:.12rem;text-transform:uppercase;cursor:pointer;transition:all .3s ease}.rules-btn:hover{background:#cacaca;color:#333}@media(min-width:991px){.rules-button__container{left:90%}}@media(max-height:580px){.rules-button__container{bottom:2%}}.Backdrop{width:100%;height:100%;position:fixed;z-index:100;left:0;top:0;background-color:rgba(0,0,0,.65)}.modal__container{position:fixed;z-index:500;background-color:#fff;width:70%;border:1px solid #ccc;box-shadow:1px 1px 1px #000;padding:16px;left:15%;top:20%;box-sizing:border-box;transition:all .3s ease-out;text-align:center;border-radius:15px}.modal__title{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:10px 20px 28px}.modal__title h4{margin:0;font-size:1.25rem;color:#333}.modal__title img{width:16px;height:16px;cursor:pointer}.modal__body img{width:80%;margin:auto;padding-bottom:18px}@media (min-width:600px){.modal__container{width:500px;left:calc(50% - 250px)}.modal__body img{width:60%}}.App{height:100vh;background:linear-gradient(0deg,#141539,#1f3756);background-repeat:no-repeat;background-size:cover}
/*# sourceMappingURL=main.f6c80a35.chunk.css.map */