html {
  background-color: #8c52ff;
  width: 100%;
  height: 100%;
  font-size: 12px;
  overflow: hidden;
}

#background-img {
  /* img needs to be cropped to fit this */
  width: 90%;
  height: max-height;
  padding: 1.5rem;
  z-index: -10;
  object-fit: cover;
}

.nav-icon {
  padding: 0;
  margin: 0;
  width: 12rem;
}

.nav-title {
  color: white;
  text-align: center;
  margin-top: -1rem;
  font-size: 2rem;
}

/* icons */
#music {
  position: absolute;
  top: 10rem;
  left: 37rem;
}
#books {
  position: absolute;
  bottom: 5rem;
  left: 15rem;
}

#movies {
  position: absolute;
  right: 30rem;
  top: 10rem;
}
#movie-icon {
  width: 10rem;
  padding-bottom: 5px;
}

#explorer {
  position: absolute;
  right: 40rem;
  bottom: 15rem;
  text-align: center;
}
#explorer-icon {
  width: 8rem;
  padding-bottom: 15px;
}

#unsortable {
  position: absolute;
  left: 35rem;
  bottom: 20rem;
  text-align: center;
}
#unsortable-icon {
  width: 25rem;
}

/* links */
a {
}