/* Add some basic styling for the grid cells */
.grid-container {
    display: grid;
    grid-template-columns: repeat(20, 20px); /* Adjust cell size as needed */
    grid-template-rows: repeat(20, 20px);
    gap: 1px; /* Adjust gap between cells */
    background-color: #ddd; /* Cell border color */
}

.grid-cell {
    width: 20px; /* Adjust cell size as needed */
    height: 20px;
    border: 1px solid #fff; /* Cell border color */
    transition: background-color 0.3s; /* Add a transition effect for visual feedback */
}

.alive {
    background-color: #000;
}