body {
    position: relative;
    max-width: 50em;
}

h1 {
    margin-top: 0px;
    margin-bottom: 4px;
}

table {
    border-collapse: collapse;
}

table th, table td {
    border: 1px solid #000;
    padding: 2px 4px;
    text-align: center;
}

button {
    padding: 2px 6px;
}

.hidden {
    display: none !important;
}

.button-row {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 4px 8px;
}

#cheat-sheet {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-top: 8px;

    & > * {
        max-width: 500px;
    }
}