:root {
    --forground-color: black;
    --background-color: white;
    --forground-highlight-color: white;
    --background-highlight-color: black;
    --border-color: black;
    --table-header-color: rgb(55, 55, 60);
    --nav-height: 4rem;
    --from_height: 17rem;
    --positive-color: limegreen;
    --negative-color: firebrick;
}


body {
    margin: 0;
    background-color: var(--background-color);
}


h1 {
    color: var(--forground-color);
    background: var(--background-color);
    font-family: 'Space Mono', monospace;
    font-size: min(2.5vw, 1.5rem);
    text-align: center;
}

h2, a, th, p, label {
    color: var(--forground-color);
    background: var(--background-color);
    font-family: 'Space Mono', monospace;
    font-size: min(2vw, 1.25rem);
}

#outer-container {
    display: flex;
    flex-direction: column;
}