body {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    text-align: center;
    margin-top: 50px;
    background-color: #080714; /* Dark Green background */
    color: white; /* White text */
  }
  
  h1 {
    font-size: 2.5em; /* Larger font size */
    color: #FF4500; /* Orange-Red text color */
  }
  
  .game-board {
    display: grid;
    grid-template-columns: repeat(3, 120px); /* Slightly wider cells */
    grid-gap: 10px; /* Wider gap between cells */
    justify-content: center;
    margin-bottom: 20px;
  }
  
  .cell {
    width: 120px;
    height: 120px;
    background-color: #e0111b; /* Pink background */
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 2.5em; /* Larger font size */
    cursor: pointer;
    border: 3px solid #FFD700; /* Gold border */
    border-radius: 10px; /* Rounded corners */
  }
  
  .cell.taken {
    pointer-events: none;
    background-color: #32CD32; /* Lime Green background for taken cells */
  }
  
  button {
    font-size: 18px; /* Larger font size */
    padding: 12px 24px; /* Slightly larger button */
    background-color: #FFD700; /* Gold background */
    border: none;
    color: #006400; /* Dark Green text color */
    cursor: pointer;
    border-radius: 10px;
  }
  
  button:hover {
    background-color: #FFA500; /* Orange background on hover */
  }