/* Reset body margins and padding */
body,
html {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
}

/* Full-page background div */
.background {
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

/* PC background */
@media (min-width: 1025px) {
  .background {
    background-image: url("../assets/images/pc-background.jpg");
  }
}

/* Tablet background */
@media (min-width: 701px) and (max-width: 1024px) {
  .background {
    background-image: url("../assets/images/tablet-background.jpg");
  }
}

/* Mobile background */
@media (max-width: 700px) {
  .background {
    background-image: url("../assets/images/mobile-background.jpg");
  }
}