body{background-color:#c5e7df;font-family:monospace;margin:0;padding:0}.cell-container{grid-gap:1vw;background-color:#9cdbf1;display:grid;font-size:4vw;gap:1vw;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);height:60%;margin:1% auto auto;padding:1%;width:60%}.cell-container,.game-turn{border-radius:.5em;box-shadow:0 5px 15px #00000059}.game-turn{align-items:center;background-color:#faebd7;display:flex;font-size:2vw;font-weight:700;height:10%;justify-content:center}.board{height:80vh;margin-top:2%}.letter{display:flex;height:10vh;justify-content:space-around;padding:2vh 0}.display-none{display:none}.display-initial{display:inline;display:initial}.letter-dis{background-color:#9cdbf1;border-radius:.5em;font-size:2.5vw;letter-spacing:1vw;width:50%}.letter-o,.letter-x{align-items:center;background-color:#33e0b5;border-radius:.5em;box-shadow:0 5px 15px #00000059;cursor:pointer;display:flex;font-size:3vw;font-weight:bolder;justify-content:center;transition:tranform .3s ease;width:10%}.letter-o:hover,.letter-x:hover{transform:scale(1.05)}.heading{align-items:center;background-color:#33e0b5;border-radius:.25em;box-shadow:0 5px 15px #00000059;display:flex;font-size:4vw;font-weight:700;height:10vh;justify-content:center}.winner-banner{display:grid;grid-template-rows:1fr 1fr;margin-top:2%}.win-title{background-color:#faebd7;font-size:2.5vw;font-weight:bolder;margin:auto;width:70%}.restart-btn,.win-title{align-items:center;border-radius:.5em;box-shadow:0 5px 15px #00000059;display:flex;justify-content:center;padding:1%}.restart-btn{background-color:#33e0b5;font-size:2vw;font-weight:700;margin:1% auto auto;transition:transform .3s ease;width:50%}.restart-btn:hover{transform:scale(1.05)}.cell{align-items:center;background-color:#71cff1;border:1px solid #000;border-radius:.3em;box-shadow:0 5px 15px #00000059;cursor:pointer;display:flex;justify-content:center;transition:transform .3s ease}.cell:hover,.winner-cell:hover{transform:scale(1.05)}.winner-cell{align-items:center;background-color:#faebd7;border:2px solid red;border-radius:.3em;box-shadow:0 5px 15px #00000059;cursor:pointer;display:flex;justify-content:center;transition:transform .3s ease}
/*# sourceMappingURL=main.7b16cbc5.css.map*/