header {
    display: grid;
    grid-template-columns: 70% 30%;

    width: 98%;
    margin: auto;
    margin-bottom: 1em;
}

@media screen and (min-width: 800px) {
    header {
        width: 80%;
    }
}

header .headertitle {
    font-size: xx-large;
}

header .headerlinks {
    text-align: right;
}

header a {
    text-decoration: none;
    color: var(--backend-header-font-color);
}