html {
    height: 100%
}

body {
    font-size: large;
    /* By default body has an 8px margin */
    height: calc(100% - 16px);
}

select {
    font-size: large;
}

input[type="button"] {
    font-size: large;
}

#controls {
    height: 4em;
}

#loading-indicator {
    color: red;
    display: none;
}

#visualization-area {
    height: calc(100% - 4em - 2px);
    border: 1px solid black;
}

@media screen and (min-width: 500px) {
    body {
        font-size: small;
    }
    
    select {
        font-size: small;
    }
    
    input[type="button"] {
        font-size: small;
    }
}