body {
    all: unset;
    background: #191919;
    font-family: Inter_FXH, sans-serif;
}

.container {
    padding: 28px;
}

.grid-container {
    background: #121212;
    border-radius: 20px;
    padding: 0 50px 50px 50px;
    margin: auto;
    width: max-content;
    flex-direction: column;
    display: flex;
}

.title {
    align-self: center;
    color: #ffffff;
}

.grid {
    display: flex;
    flex-direction: column;
    row-gap: 4px;
    width: max-content;
    height: max-content;
}

.grid-row {
    display: inline-flex;
    flex-direction: row;
    column-gap: 4px;
    width: max-content;
}

.grid-cell {
    width: 24px;
    height: 24px;
}

.grid-cell:hover {
    transform: scale(1.2);
}