h1 {
  font-size: 24px;
  margin-top: 0px;
}

nav {
  background-color: #800200;
  border-bottom: 0;
}

nav ul li {
  height: 64px;
}

@media (prefers-color-scheme: light) {
  main a,
  main span {
    color: #800200;
    text-decoration: none;
  }

  nav {
    background-color: #800200;
  }

  nav,
  nav .brand-logo,
  .dark nav,
  .dark nav .brand-logo,
  .dark main a,
  .dark main span {
    color: var(--white);
  }

  .btn-floating.btn-large {
    border: none;
  }

  .dark main a {
    text-decoration: underline;
  }

  .dark main span {
    font-weight: bold;
    text-decoration: none;
  }

  .dark .btn-floating.btn-large {
    border: 1px solid var(--white);
  }
}

@media (prefers-color-scheme: dark) {
  nav,
  nav .brand-logo,
  .light nav .brand-logo,
  main a,
  main span {
    color: var(--white);
  }

  main a {
    text-decoration: underline;
  }

  main span {
    font-weight: bold;
    text-decoration: none;
  }

  .btn-floating.btn-large {
    border: 1px solid var(--white);
  }

  .light main a,
  .light main span {
    color: #800000;
    text-decoration: none;
  }

  .light nav {
    background-color: #800200;
  }

  .light .btn-floating.btn-large {
    border: none;
  }
}