body > header {
    margin: auto;
    text-align: center;

    nav {
        margin: .5rem auto 1rem auto;
        text-align: center;
        font-family: sans-serif;
        text-transform: uppercase;
        font-size: .6em;

        a {
            color: #6c7a89;
            display: inline-block;
            padding: .5rem 1rem;
            text-decoration: none;

            &:hover {
                color: #e4f1fe;
                text-decoration: none;
            }
        }
    }

    #logo {
        display: block;
        width: 256px;
        height: 256px;
        margin: auto;
        border-radius: 100%;
        background-image: var(--logo-large-url);
        text-decoration: none;
        border: solid 2px #00101f;
        box-shadow: 0 0 1rem #000;

        &:hover {
            background-image: var(--logo-large-hover-url);
            box-shadow: 0 0 1rem #006bc3;
            text-decoration: none;
        }
    }
}