@import"https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap";*{margin:0;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box}html{font-family:"Roboto",sans-serif;background-color:#f0f8ff}body{min-height:-webkit-fit-content;min-height:-moz-fit-content;min-height:fit-content;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:distribute;justify-content:space-around}main{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-pack:distribute;justify-content:space-around;margin:50px}#ticTacToe{-webkit-box-shadow:0 0 40px rgba(0,0,0,.3137254902),0 0 40px rgba(0,0,0,.3137254902),0 0 40px rgba(0,0,0,.3137254902);box-shadow:0 0 40px rgba(0,0,0,.3137254902),0 0 40px rgba(0,0,0,.3137254902),0 0 40px rgba(0,0,0,.3137254902);background-color:#f0f8ff;display:grid;grid-template-columns:repeat(3, 1fr);grid-gap:2px;border-radius:20px}#ticTacToe .fa-circle{font-size:20px}#ticTacToe .fa-times{font-size:25px}#ticTacToe .item1{border-radius:15px 0 0 0}#ticTacToe .item3{border-radius:0 15px 0 0}#ticTacToe .item9{border-radius:0 0 15px 0}#ticTacToe .item7{border-radius:0 0 0 15px}#ticTacToe>div{height:75px;width:75px;background-color:#8a2be2;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-pack:distribute;justify-content:space-around;color:#fff;cursor:not-allowed}#ticTacToe>div i{display:none}#ticTacToe .tic{cursor:no-drop !important}#ticTacToe .tic .fa-circle{display:block}#ticTacToe .tac{cursor:no-drop !important}#ticTacToe .tac .fa-times{display:block}.active>div{cursor:pointer !important}.red{background-color:red !important}.green{background-color:aqua !important}.bottomCon{min-height:30vh;text-align:center}.bottomCon .msgBox{font-size:1.3rem;color:coral}button{font-size:1.2rem;border:0;cursor:pointer;margin-top:10vh;background:#7fffd4;padding:10px 0;width:150px;border-radius:10px}