body {
    background-color: chartreuse;
    color: blueviolet;
}

a,
a:visited {
    color: rgb(255, 66, 249);
}

/* HEADER */
.site-header {
    background-color: blueviolet;
    padding: 2rem 1rem 3rem 1rem;
}

@media screen and (min-width: 37.5em) {
    .main-navigation ul ul {
        display: block;
    }
}

/* MAIN */
.site-main {
    padding: 1rem;
    background-color: white;
    color: black;
}

.main-navigation li a {
    display: inline-block;
    padding: 0.5em 1em;
    border-left: 1px solid black;
}

.main-navigation li:last-of-type a {
    border-right: 1px solid black;
}

/* FOOTER */

.site-footer {
    background-color: black;
    color: white;
    padding: 5rem 1rem 2rem 1rem;
}

.site-footer a {
    color: white;
    text-decoration: underline;
}