body{box-sizing:border-box;margin:0;padding:0}.modeHolder{display:flex;flex-flow:row wrap;gap:.2rem;justify-content:center}.modeInfo{background-color:rgba(255,255,0,.5);font-size:1.5rem;margin:0 0 1rem;padding:.5rem 0;text-align:center}.modes{background-color:cyan;border:none;box-shadow:1px 0 3px rgba(0,0,0,.6);color:maroon;font-size:1.5rem;padding:.3rem 1rem}.modes:hover{background-color:orange;color:blue;cursor:pointer}.mainContainer,.userData{align-items:center;display:flex;flex-flow:column wrap}.red{color:red;font-size:1.5rem;font-weight:700}#intro{font-family:Georgia,Times New Roman,Times,serif;font-size:2rem}#game-container{display:flex;flex-wrap:wrap;gap:.2rem;height:400px;width:97%}#game-container button{background-color:#fff;border:1px solid #000;border-radius:5px;font-size:6rem;height:30%;text-align:center;width:32%}#game-container button:focus,#game-container button:hover{border:3px solid #000;border-radius:5px;width:31%}#game-container button:hover{cursor:pointer}#userScore,.score{border-bottom:4px solid green;border-radius:5px 0 0 10px;display:inline-block;font-size:2.5rem;height:50px;margin-right:5px;padding:0;width:180px}#AIScore{border-radius:0 5px 10px 0;border-right:2px solid green;color:red;margin-left:10px}#userScore{border-left:2px solid green;color:blue;margin-right:10px}.user-character{background-color:#fff;border:none;display:inline-block;margin-left:10px;padding:.5rem}.user-character,span{color:green;font-size:4rem}.fa-xmark{color:green}.fa-o{color:red}.user-character:focus,.user-character:hover{border:3px solid #000;border-radius:5px}.user-character:hover{cursor:pointer}.reset-data-Btn{background-color:aqua;border-radius:10px;color:green;font-size:1.5rem}.reset-data-Btn:focus,.reset-data-Btn:hover{background-color:aqua;border:3px solid #000;border-radius:10px;color:red;font-size:1.7rem}.loading-container{align-items:center;background-color:#000;display:none;height:100%;justify-content:center;margin:0;padding:0;position:absolute;top:0;width:100%;z-index:2}.loading{-webkit-animation:spin 2s linear infinite;animation:spin 2s linear infinite;border-color:red blue #8a2be2 green;border-radius:50%;border-style:solid;border-width:16px;height:100px;position:absolute;width:100px}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@media(min-width:500px){#game-container{width:400px}}
/*# sourceMappingURL=main.26c54e6f.css.map*/