.main-container {
    max-width: 1000px;
}

#table {
    display: flex;

    margin: 20px;

    flex-flow: column wrap;

    font-family: monospace;
    font-size: 64px;

    border: 5px solid var(--color-bg);
    border-bottom-width: 0px;
}

.value-container {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;

    padding-left: 10rem;
    padding-right: 10rem;

    font-family: inherit;
    font-size: inherit;

    background-color: var(--color-panel);

    border: 0px solid var(--color-bg);
    border-bottom-width: 5px;
}

.value-container p {
    flex-grow: 0;
    flex-shrink: 0;

    margin: 0px;
    margin-top: 0.25rem;
    margin-bottom: 0.25rem;
    padding: 0px;

    font-family: inherit;
    font-size: inherit;

    white-space: pre;
}