/* Light mode */
@media (prefers-color-scheme: light) {
    body {
        background: white;
        color: black;
    }
}

/* Dark mode */
@media (prefers-color-scheme: dark) {
    body {
        background: black;
        color: white;
    }
}

@font-face {
    font-family: 'comfortaaregular';
    src: url('comfortaa-variablefont_wght-webfont.woff2') format('woff2'),
         url('comfortaa-variablefont_wght-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

h1, h2 {
    font-family: 'comfortaaregular', cursive;
}

#divMainControls button {
    display: block;
    margin: 10px 0;
}

.slider-control-combo {
    display: inline-block;
}

input[type="range"] {
    display: block;
}

input[type="number"] {
    width: 75px;
}

.help {
    font-family: monospace;
}

.help.left {
    float: left;
}

.help.right {
    float: right;
}

#divTimerBox > * {
    margin: 15px 0;
}

#inpTimerInput:disabled {
    color: white;
}