* {
  margin: 0vw;
}

#parallax {
  background-image: url("../Pictures/SimplySurvival_Entrance.png");
}

#parallax p {
  color: #000000;
  text-indent: 0vw;
  font-size: 7vw;
  max-width: 65vw;
}

section {
  box-shadow: inset 1vw 1vw 3vw var(--shadow), inset -1vw -1vw 3vw var(--light);
  border-radius: 5vw;
  padding: 5vw;
  margin: 2vw;
}

p {
  font-weight: 100;
  text-indent: 3vw;
  font-size: 3vw;
}

mark {
  background-color: #00ffff;
  color: #000000;
}

del {
  text-decoration: line-through;
}

ins {
  text-decoration: underline;
}

sub,
sup {
  font-size: 2vw;
}

h1 {
  font-size: 8vw;
}

h2 {
  font-size: 7vw;
}

h3 {
  font-size: 6vw;
}

h4 {
  font-size: 5vw;
}

h5 {
  font-size: 4vw;
}

h6 {
  font-size: 3vw;
}

@media (orientation: landscape) {
  #parallax {
    height: 85vh;
    background-size: 100vw;
    background-position: center top;
    width: 100vw;
  }

  #parallax p {
    max-width: 50vw;
    font-size: 4vw;
  }

  p {
    font-weight: 100;
    text-indent: 3vw;
    font-size: 2vw;
  }

  h1 {
    font-size: 7vw;
  }

  h2 {
    font-size: 6vw;
  }

  h3 {
    font-size: 5vw;
  }

  h4 {
    font-size: 4vw;
  }

  h5 {
    font-size: 3vw;
  }

  h6 {
    font-size: 2vw;
  }
}