nav.pane > .nav_header {
    display: grid;
    grid-template-columns: none;
    grid-template-areas: "logo";

    ion-icon {
        grid-area: hamburger;

        display: none;

        align-self: center;
        justify-self: center;

        width: 2rem;
        height: 2rem;
    }
}

@media (max-width: 600px) {
    nav.pane > .nav_header {
        grid-template-columns: min-content 1fr min-content;
        grid-template-areas: "logo blank hamburger";

        ion-icon {
            display: block;
        }
    }
}

nav .logo {
    grid-area: logo;

    font-family: var(--font-family-generic);
    font-size: 3.3vh;
    font-weight: bold;
    text-align: center;
    margin: var(--spacing-small) 0;
}
