body {
  background-color: #000;
  background-image: url("../images/background.jpg");
  background-position: 0% 0%;
  background-repeat: no-repeat;
  background-size: cover;
  color: #eee;
}

#content {
  background-color: rgb(32 32 32 / 75%);
}

/* nav */
header, nav, footer {
  background-color: rgb(0 0 0 / 75%);
}

nav a,
nav a:link,
nav a:visited {
  background-color: transparent;
  color: #fff;
}

nav a:hover,
nav a:active {
  background-color: #666;
  color: black;
}

#nav-button span {
  background-color: #fff;
}


/* desktop, 80em ~ 1280px */
@media (min-width: 80em) {
  nav {
    background-image: none;
  }

  nav a:hover {
    background-repeat: repeat;
    color: #fff;
  }
}
/* /nav */