style.css

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box; /* Ensures consistent sizing */

  }

  body {
    background-color: #FAF3E0; /* Change to your preferred color */
    color: #333; /* Text color for readability */
  }
  
.heading{
    text-align: center;
    font-size: 2rem;
    margin: 20px 0;
}

.Player{
    text-align: center;
    font-size: 1.5rem;
    margin: 20px 0;
}

.main{
display: flex;
justify-content: center;
  align-items: center;
}

.game{
    display: grid;
    grid-template-rows: 150px 5px 150px 5px 150px;
    grid-template-columns: 150px 5px 150px 5px 150px;
}

.square{
    background-color: #FFF8DC; /* Cornsilk for Light Theme */
  border: 1px solid #D3D3D3;    
}

.line1, .line2, .line3, .line4{
    background-color: gray;
}

.line1{
    grid-column: 2;
    grid-row: 1 / span 5;
}
.line2{
    grid-column: 4;
    grid-row: 1 / span 5;
}
.line3{
    grid-column: 1 / span 5;
    grid-row: 2;
}
.line4{
    grid-column: 1 / span 5;
    grid-row: 4;
}