@import url("https://fonts.googleapis.com/css2?family=Asap&family=Roboto:ital,wght@0,500;0,900;1,500&display=swap");#tic-tac-toe{display:grid;grid-template-columns:repeat(3,100px);gap:5px;margin:20px auto;width:320px;text-align:center}.cell{width:100px;height:100px;background-color:#eee;font-size:36px;display:flex;align-items:center;justify-content:center;cursor:pointer}#reset{display:block;margin:0 auto;font-size:16px;padding:11px 25px;border:0;background-color:#3131ff;color:#fff;letter-spacing:1px}#message{text-align:center;padding:20px;font-size:25px;font-weight:600;color:green;text-shadow:1px 1px 2px #008000ad}.cell.winner{background:#65e065}h1{text-align:center}.cell.O{color:red}.cell.X{color:#5e27a3}div#message.lose{color:red !important}body{margin:0;padding:0;font-family:"Asap",sans-serif;background-color:#fdfdfe}header h1{font-size:46px;font-weight:600;color:transparent;background-image:linear-gradient(to right,#553c9a,#0c9ca3,coral,#553c9a);-webkit-background-clip:text;background-clip:text;margin:0 0 10px}header{margin-bottom:25px}header span{color:#a1801d}.divider-short{width:180px;height:3px;background-color:#2a7d09;margin:8px auto 14px}span.vs{color:#7f3f3f;font-weight:600}.player{letter-spacing:1px}.board{display:grid;grid-template-columns:repeat(3,100px);grid-gap:10px}.cell.x{color:#3498db}.cell.o{color:#e74c3c}#message{font-size:24px;margin-top:10px;color:green;font-weight:600;margin:20px 0}.cell.winner{background-color:#89ff4d}div#message.lose{color:red !important}header{margin-bottom:25px}header span{color:#a1801d}.divider-short{width:180px;height:3px;background-color:#2a7d09;margin:8px auto 14px}