*{
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}

header {
    background-color: rgb(243, 243, 243);
}

.controls {
    display: flex;
    justify-content: space-evenly;
    padding: 10px;
}

.home, #reset {
    padding: 2px;
    border-radius: 10px;
    border: none;
    background: none;
    cursor: pointer;
    transition: 0.3s ease-in-out;
    padding: 3px 10px;
}

.home:hover, #reset:hover {
    background: gray;
    border-radius: 100px;
    font-weight: bold;
}

html, body {
margin: 0;
padding: 0;
font-family: sans-serif;
}

#grid-container {
display: flex;
flex-wrap: wrap;
width: 90vh;
aspect-ratio: 1 / 1;
margin: 3vw;
border: 1px solid #ccc;
margin: auto
}

.grid-cell {
background-color: rgb(226, 226, 226);
border: 1px solid #ccc;
aspect-ratio: 1 / 1;
}