html{font-size:62.5%}@media (max-width:700px){html{font-size:50%}}body{color:#a2bac3;min-height:100vh;background:#18282f;justify-content:center;align-items:center;font-family:Be Vietnam Pro,sans-serif;font-weight:300;display:flex;overflow:hidden}.hide{display:none}.player-picker-container{text-align:center}.player-picker-container__player{width:50rem;background:#1e343e;border-radius:1rem;margin:6rem 0;padding:1.5rem 0;box-shadow:0 .7rem #102028}@media (max-width:700px){.player-picker-container__player{width:38rem}}.player-picker-container__title{text-transform:uppercase;letter-spacing:.2rem;font-weight:700}.player-picker-container__bg{width:95%;height:9rem;background:#18282f;border-radius:1rem;justify-content:space-around;margin:3rem auto;display:flex}.player-picker-container__player-x,.player-picker-container__player-o{cursor:pointer;-ms-grid-row-align:center;width:100px;align-self:center}@media (max-width:700px){.player-picker-container__player-x img,.player-picker-container__player-o img{width:50%}}.player-picker-container .active-player{background:#a2bac3;border-radius:1.2rem;padding:.7rem 1rem;box-shadow:0 .5rem #102028}@media (max-width:700px){.player-picker-container .active-player{padding:1rem .5rem}}.player-picker-container__start-btn{color:#18282f;text-transform:uppercase;background:#efb034;border:none;border-radius:1rem;padding:1.5rem 13rem;font-size:2rem;font-weight:700;box-shadow:0 .5rem #a87c24}@media (max-width:700px){.player-picker-container__start-btn{padding:1rem 5rem}}.game-container{height:100%;min-width:50%;max-width:50%}@media (max-width:700px){.game-container{min-width:90%;max-width:90%}}.game-container__player-top-bar{justify-content:space-around;align-items:center;display:flex}.game-container__player-turn,.game-container__restart{-moz-user-select:-moz-none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.game-container__player-turn{cursor:pointer;text-transform:uppercase;text-align:center;background:#1e343e;border-radius:.7rem;padding:.8rem 1.3rem;font-size:1.5rem;font-weight:700;box-shadow:0 .5rem #102028}.game-container__player-logo{width:20%;margin-right:.4rem}.game-container__restart-box{color:#18282f;cursor:pointer;background:#a2bac3;border:none;border-radius:.7rem;padding:.8rem 1.3rem;box-shadow:0 .5rem #102028}.game-container__restart-box i{font-size:2.2rem;font-weight:700}.game-container__grid-container{-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly;align-items:center;margin:3rem 0;display:flex}.game-container__grid-box{width:10rem;height:10rem;cursor:pointer;background:#1e343e;border-radius:1rem;justify-content:center;align-items:center;margin:2rem 0;display:flex;box-shadow:0 .7rem #102028}.game-container__player-footer{-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly;display:flex}.game-container__score{width:10rem;text-align:center;color:#fff;border-radius:1rem;padding:1rem 0}.game-container__score:first-of-type{background:#31c4bc}.game-container__score:nth-of-type(2){background:#a2bac3}.game-container__score:last-of-type{background:#efb034}.game-container__score span{text-transform:uppercase;font-size:1.2rem}.bgs{width:100%;height:100%;background:rgba(0,0,0,.85);position:absolute}.bgs .box{width:55%;height:55%;text-align:center;background:#18282f;border-radius:10px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 2px 16px rgba(0,0,0,.5)}@media (max-width:700px){.bgs .box{width:90%;height:60%}}.bgs .box .wrapper{height:100%;flex-direction:column;justify-content:center;align-items:center;display:flex}.bgs .box .wrapper h2{margin-bottom:30px;font-size:30px}.bgs .box .wrapper .restart{color:#18282f;text-transform:uppercase;background:#efb034;border:none;border-radius:1rem;outline:none;padding:15px 40px;font-size:1.6rem;font-weight:700;box-shadow:0 .5rem #a87c24}.bgs .box .wrapper .restart-game{color:#18282f;text-transform:uppercase;background:#31c4bc;border:none;border-radius:1rem;outline:none;margin-top:1.7rem;padding:15px 40px;font-size:1.6rem;font-weight:700;box-shadow:0 .5rem #1c5452}.bgs span{text-transform:uppercase;margin:0 10px;font-size:30px}@media (max-width:700px){.bgs span{font-size:20px}}.bgs img{width:16%}@media (max-width:700px){.bgs img{width:12%}}
/*# sourceMappingURL=index.0b6c296f.css.map */