@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;font-family:Poppins,sans-serif;margin:0;padding:0}::selection{background:#56baed;color:#fff}body{background:#56baed}.play-board,.result-box,.select-box{left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);transition:all .3s ease}.select-box{background:#fff;border-radius:5px;max-width:400px;padding:20px 25px 25px;width:100%}.select-box.hide{opacity:0;pointer-events:none}.select-box header{border-bottom:1px solid #d3d3d3;font-size:30px;font-weight:600;padding-bottom:10px}.select-box .title{font-size:22px;font-weight:500;margin:20px 0}.select-box .options{display:flex;width:100%}.options button{background:#56baed;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:20px;font-weight:500;outline:none;padding:10px 0;transition:all .3s ease;width:100%}.btn button:hover,.options button:hover{-webkit-transform:scale(.96);transform:scale(.96)}.options button.playerX{margin-right:5px}.options button.playerO{margin-left:5px}.select-box .credit{font-size:18px;font-weight:500;margin-top:20px;text-align:center}.select-box .credit a{color:#56baed;text-decoration:none}.select-box .credit a:hover{text-decoration:underline}.play-board{opacity:0;pointer-events:none;-webkit-transform:translate(-50%,-50%) scale(.9);transform:translate(-50%,-50%) scale(.9)}.play-board.show{opacity:1;pointer-events:auto;-webkit-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1)}.play-board .details{background:#fff;border-radius:5px;padding:7px}.play-board .players{display:flex;justify-content:space-between;position:relative;width:100%}.players span{color:#56baed;cursor:default;font-size:20px;font-weight:500;padding:10px 0;position:relative;text-align:center;transition:all .3 ease;-webkit-user-select:none;user-select:none;width:100%;z-index:2}.players.active span:first-child{color:#fff}.players.active span:last-child{color:#56baed}.players span:first-child{color:#fff}.players .slider{background:#56baed;border-radius:5px;height:100%;left:0;position:absolute;top:0;transition:all .3s ease;width:50%}.players.active span:first-child{color:#56baed}.players.active span:nth-child(2){color:#fff}.players.active .slider{left:50%}.play-area{margin-top:20px}.play-area section{display:flex;margin-bottom:1px}.play-area section span{color:#56baed;display:block;font-size:40px;height:90px;line-height:80px;margin:2px;width:90px}.play-area section span,.result-box{background:#fff;border-radius:5px;text-align:center}.result-box{max-width:400px;opacity:0;padding:25px 20px;pointer-events:none;-webkit-transform:translate(-50%,-50%) scale(.9);transform:translate(-50%,-50%) scale(.9);width:100%}.result-box.show{opacity:1;pointer-events:auto;-webkit-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1)}.result-box .won-text{display:flex;font-size:30px;font-weight:500;justify-content:center}.result-box .won-text p{font-weight:600;margin:0 5px}.result-box .btn{display:flex;justify-content:center;margin-top:25px;width:100%}.btn button{background:#56baed;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:18px;font-weight:500;outline:none;padding:8px 20px;transition:all .3s ease}
/*# sourceMappingURL=main.24bfae17.css.map*/