body {
  width: 100vw;
  height: 100%;
  margin: 0;

  overflow-y: scroll;
  overflow-x: hidden;
  font-family: "Montserrat", sans-serif;
}

h1,
h2 {
  position: absolute;
  color: white;
}

h1 {
  font-size: 75px;
  top: 10%;
}

h2 {
  font-size: 45px;
  top: 25%;
}

.scene.one {
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 999;
}

section {
  width: 100%;
  height: 100vh;
  position: relative;
}

.section-one {
  background-color: #1d428a;
}
.section-one h1 {
  right: 10%;
}
.section-one h2 {
  right: 10%;
}

.section-two {
  background-color: #222;
}
.section-two h1 {
  left: 10%;
}
.section-two h2 {
  left: 10%;
}

.section-three {
  background-color: tomato;
}
.section-three h1 {
  left: 10%;
}
.section-three h2 {
  left: 10%;
}

.section-four {
  background-color: grey;
}
.section-four h1 {
  left: 10%;
}
.section-four h2 {
  left: 10%;
}

.section-five {
  background-color: white;
}
.section-five h1 {
  color: #222;
  top: 10%;
  left: 10%;
}
.section-five h2 {
  color: #222;
  top: 30%;
  left: 10%;
}

.dg.ac {
  z-index: 1000 !important;
}


/*# sourceMappingURL=main.css.map*/