.header {
    background: var(--background2);
    border: var(--background0) solid 3px;
    padding: 0.1em 0.75em;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.header-element {
    margin: auto 0.5em;
    padding: 0.3em 0;
    align-self: start;
    text-align: center;
}

@media (max-width: 700px) {
    .header {
        justify-content: space-around;
    }
}