:root {
    --theme-white: #ffffff;
    --theme-col-1: #CDEDB7;
    --theme-col-2: #ACDE89;
    --theme-col-3: #80BA56;
    --theme-col-4: #5B9830;
    --theme-col-5: #3A7311;
    --theme-black: #000000;
}

nav {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
}

.navbar-link{
    margin: 0;
    padding: 0.25em;
    flex-grow: 1;
    text-align: center;
    text-decoration: none;
    color: var(--theme-black);
    background-color: var(--theme-col-3);
    border: 0.1em solid var(--theme-col-5);
}

.navbar-link:hover {
    color: var(--theme-white);
    background-color: var(--theme-col-4)
}



#headshot {
    border-radius: 50%;
    display: inline;
    max-height: 7em;
}