header,
main,
footer {
  padding-left: 250px;
}

@media only screen and (max-width: 992px) {
  header,
  main,
  footer {
    padding-left: 0;
  }
}

.sidenav,
.sidenav-fixed {
  width: 250px;
}

h1 {
  font-size: 18px;
  margin-top: 10px;
  font-weight: bold;
}

/* light vs. dark mode */

@media (prefers-color-scheme: light) {
  .review {
    color: #333399;
  }

  blockquote {
    border-left: 5px solid var(--black);
  }

  nav {
    border: none;
  }

  .dark .review {
    color: #eee;
  }

  .dark nav {
    border-bottom: none;
  }

  .dark blockquote {
    border-left: 5px solid var(--white);
  }

  .dark ul#credits li a {
    color: var(--white);
    text-decoration: underline;
  }
}

@media (prefers-color-scheme: dark) {
  .review {
    color: #eee;
  }

  nav {
    border-bottom: none;
  }

  blockquote {
    border-left: 5px solid var(--white);
  }

  ul#credits li a {
    color: var(--white);
    text-decoration: underline;
  }

  .light .review {
    color: #333399;
  }

  .light blockquote {
    border-left: 5px solid var(--black);
  }

  .light nav {
    border: none;
  }
}