.navigation {
    padding: 0.8em 1em;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 0.8em;
    justify-content: space-between;
    font-size: larger;
    background-color: AliceBlue;
}

.navigation a {
    text-decoration: none;
}

.navigation a:hover {
    background-color: Snow;
}

.navigation-path {
    display: flex;
    flex-flow: row wrap;
    align-items: baseline;
    gap: 0.8em;
}

footer {
    box-sizing: border-box;
    margin-top: auto; /* send footer to the bottom of the page */
    display: flex;
    justify-content: space-between;
    padding: 0.8em 2em;
    font-size: smaller;
    color: gray;
    background-color: AliceBlue;
}

footer a {
    color: gray;
}


/** Tweaks for mobiles devices */

@media (max-width: 768px) {
    .navigation {
        font-size: inherit;
    }
}