#grid {
    display: grid;
    grid-template-columns: repeat(32, 20px);
    grid-template-rows: repeat(32, 20px);  
    gap: 1px; /* Space between cells */
    margin: 20px auto;
    width: fit-content;
}
body {
  font-family: 'Courier New', Courier, monospace;
  background: #caced3;   
  align-items: center;
  justify-content: center;
}

.cell {
    width: 20px;
    height: 20px;
    background-color: #f0f0f0; /* Dead cell color */
    border: 1px solid #ccc;
    cursor: pointer;
}

.cell.alive {
    background-color: #652e2e; /* Live cell color */
}

button {
    margin: 10px;
    border-radius: 15px;
}