#grid {
    display: grid;
    grid-template-columns: repeat(20, 20px);
    grid-template-rows: repeat(20, 20px);
}

.cell {
    width: 20px;
    height: 20px;
    border: 1px solid #ddd;
}

.dead { background-color: black; }
.introvert { background-color: #00bcd4; }
.extrovert { background-color: #ffeb3b; }
.reproducer { background-color: #4caf50; }
.killer { background-color: #f44336; }