header {
    background-color: var(--color-background-dark);
    padding: var(--s2);
}

header a {
    color: white;
    text-align: center;
    font-weight: bold;
    white-space: nowrap;
    font-size: var(--s1);
}

header .selected {
    color: var(--color-primary);
}

/* firefox v chrome */
#logo > .white {
    fill: white;
}

#logo > .red {
    fill: #ed2224;
}

#logo > .green {
    fill: #0f8140;
}