body {
    background-color : #111111;
    color : #eeeeee;
    font-size : 20px;
    margin : 0;
}

* { box-sizing : border-box; }

button {
    background-color : #111111;
    color : #eeeeee;
    border : none;
    font-size : 20px;
}
button:hover {
    outline : 2px solid #eeaa11;
    border-radius : 2px;
}
button.button-highlight {
    outline : 2px solid #eeaa11;
    border-radius : 2px;
}

select {
    font-size : 20px;
    background-color : #111111;
    color : #eeeeee;
    border : 2px solid #eeaa11;
    border-radius : 5px;
}

#main-menu {
    display : inline;
    width : 25%;
    height : 100%;
    float : left;
    padding : 1rem;
}

#main-menu > * {
    display : block;
    width : 100%;
    margin : 0.5rem 2rem;
    padding : 2px 5px;
    max-width : 20rem;
}

input[type="range"] {
    background-color : #eeaa11;
    color : #eeeeee;
    outline : none;
    appearance : none;
    height : 0.5em;
    border-radius : 2px;
}

input[type="range"]::-webkit-slider-thumb {
    -webkit-appearance : none;
    appearance : none;
    width : 1em;
    height : 1em;
    border-radius : 50%;
    border-color : #111111;
    border-width : 3px;
}
input[type="range"]::-moz-range-thumb {
    width : 1em;
    height : 1em;
    border-radius : 50%;
    border-color : #111111;
    border-width : 3px;
}

table { height : 100%; font-size : 20px;  }

tr { width : 100%; }