:root {
    --linkPadding: 0.5em
}

/* nav>div{
    text-align: center;
} */

/* body>header a:hover {  
    background-color: hsl(276, 12%, 90%);
    border-left-color: #141622;
    text-decoration: none;
    transition: background-color var(--transition-time),
        border-left-color var(--transition-time);
} */

body>nav {
    background-color: var(--dark-accent);
    font-family: var(--serif);
    font-size: 1.2em;
    margin: 0em 0px;
    position: sticky;
    z-index: 1;
    top: 0;
    max-width: 100%;
}

body>nav a {
    padding: var(--linkPadding);
    color: white;
}

body>nav>.dropdown_wrapper>label:hover {
    border-left: transparent;
}


body>nav>.dropdown_wrapper>.dropdown_content {
    padding: 0.5em;
}


@media only screen and (min-width: 691px) {

    body>nav>.dropdown_wrapper>label {
        display: none;
    }

    body>nav>.dropdown_wrapper>.dropdown_content {
        display: grid;
        grid-auto-flow: column;
        position: initial;
        justify-content: space-evenly;
        box-shadow: none;
        max-width: var(--body-max-width);
        margin: auto;
    }

}



@media only screen and (max-width: 690px) {
    body>nav {
        display: grid;
        justify-content: right;
        background-color: var(--dark-accent);
    }

    body>nav>.dropdown_wrapper>.dropdown_content {
        padding-top: var(--linkPadding);
        padding-bottom: var(--linkPadding);
        background-color: var(--dark-accent);
    }


    body>nav>.dropdown_wrapper>label {
        font-size: 1.7em;
    }

    body>nav .icon {
        background-color: white;
        margin: 0.25em;
    }
}

#submit_btn_div {
    text-align: center;
}


a.submit_btn {
    padding: 0.15em 0.5em;
    background-color: var(--link-color);
    color: white;
    font-size: 1.05em;
    font-family: 'Noto Serif';
    box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 2px;
}

a.submit_btn:hover {
    background-color: var(--link-color);
    text-decoration: none;
    box-shadow: rgba(0, 0, 0, 1) 0px 1px 2px;
}