@media (prefers-color-scheme: dark) {

body, nav.main-nav {
    background-color: var(--dark-background);
    color: var(--dark-text);
}

p a {
    color: whitesmoke;
}

nav.main-nav a {
    color: var(--dark-text);
    text-decoration: none;
    box-shadow: none;
}

h1, h2, h3, h4 {
	color: var(--dark-text);
}

a {
	text-decoration: none;
	color: var(--dark-text);
}
#footer a, #footer a:visited {
    color: var(--dark-text);
    box-shadow: none;
}

b, strong {
  	color: var(--dark-text);
}

}