:root {
  color-scheme: light;
}

body {
  background-color: #f1f1f0;
  color: #1f1c1d;
}

.translucent {
  opacity: 0.5;
}

a:link,
a:visited {
  color: #1f1c1d;
}

nav {
  background-color: #333;
}
nav a {
  color: white;
  opacity: 0.5;
}
nav a[aria-current="page"]  {
    opacity: 1;
    text-shadow: #1f1c1d 1px 1px 5px;
}
nav a:link, nav a:visited {
  color:  #ddd;
}

footer {
  color: #ddd;
  background-color: #333;
}
footer a:link, footer a:visited {
  color:  #ddd;
  border-bottom: 1px dashed #ddd;
}