/* ----------------- HEADER  ---------------------------------------------------------*/

header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #101419;
    color: white;
    font-family: Arial;
    padding: 0.2em 0.5em;
    font-size: 1.2em;
    gap: 1em;
    height: 2em;
}

header div input {
    padding: 0.2em;
    cursor: pointer;
}

header div select {
    padding: 0.2em;
}

#fullscreen_button {
    font-size: 1.2em;
    color: white;
    border: none;
    background: none;
    cursor: pointer;
}

#color_button {
    all: unset;
    width: 1em;
    height: 1em;
    background-color: blue;
    border: 1px solid gray;
    cursor: pointer;
}

header a {
    font-size: 0.7em;
    color: rgb(235, 235, 235);
}

.green {color: rgb(0, 199, 0); }
.yellow {color: orange; }
.red {color: red; }
.gray {color: gray}