body {
    color: #434343;
    background-color: white;
    --navbutton-current-color: hsl(162 39% 73%);
    --header-border-color: #949494;
}

#propic {
    border-color: hsl(170 66% 30%);
}

:is(div.content, main) a {
    color: hsl(170 98% 20%);
}

@media only screen and (max-width: 900px) {
    label.margin-toggle {
        color: hsl(170 98% 20%);
    }
}

:is(div.content, main) a:visited {
    color: hsl(170 20% 41%);
}

:is(header, footer) nav a {
    color: #0d0d0d;
    background-color: hsl(162, 33%, 83%);
}

:is(header, footer) nav a:hover, :is(header, footer) nav a.current {
    background-color: var(--navbutton-current-color);
}

:is(header, footer) nav a:active {
    background-color: hsl(162, 39%, 65%);
}