body {
  background: #020205;
  font-family: 'Jura', sans-serif;
  color: #ffffff;
  margin: 0;
}

a {
  color: white;
  font-size: 1.5rem;
  margin: 0 1rem;
}

a:hover {
  color: #E4765E;
}

.menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 1rem 2vh;
}

.first, .second, .third, .fourth {
  height: 85vh;
  width: 100vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.left, .right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 50vw;
}

.first {
  height: 100vh;
}

.first .left {
  padding: 8vh 0vw 25vh 10vw;
}

.first .left h1 {
  font-size: 4rem;
  font-weight: bold;
  margin: 0;
  color: #E4765E;
}

.first .left .text {
  font-weight: 100;
  line-height: 1.8rem;
  font-size: 1.1rem;
  padding: 0;
  margin: 0;
}

.first .left .attrack {
  color: #E4765E;
  font-weight: bold;
  line-height: 2.5rem;
  font-size: 1.1rem;
  padding: 0;
  margin: 0;
}

.first .left .download {
  padding-top: 2vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.first .left .download img {
  width: 12vw;
}

.first .left .download a {
  margin: 0 2rem 0 0;
}

.first .right {
  padding: 5vh 10vw 20vh 5vw;
}

.first .right img {
  width: 38vw;
}

.arrow {
  position: fixed;
  top: 95vh;
  left: 49vw;
}

.second {
  height: 70vh;
}

.second .left {
  margin: 0vh;
}

.second .left img {
  width: 55vw;
}

.second .right {
  padding: 10vh 8vw 25vh 0;
}

.second .right h1 {
  font-size: 4rem;
  font-weight: bold;
  margin: 0;
  color: #E4765E;
}

.second .right .text {
  font-weight: medium;
  line-height: 1.8rem;
  font-size: 1.1rem;
}

.third {
  height: 95vh;
  background-image: url("../images/third.png");
  background-size: cover;
}

.third .left {
  padding: 30vh 10vw 20vh 5vw;
}

.third .left h1 {
  font-size: 4rem;
  font-weight: bold;
  margin: 0;
  color: #E4765E;
}

.third .left .text {
  font-weight: medium;
  line-height: 1.8rem;
  font-size: 1.1rem;
}

.third .right {
  padding: 0;
}

.third .right img {
  width: 45vw;
}

.fourth {
  height: 100vh;
  background-image: url("../images/fourth.png");
  background-size: cover;
}

.fourth .left {
  padding: 5vh 0  0 5vw;
}

.fourth .left img {
  width: 40vw;
}

.fourth .right {
  padding: 30vh 5vw 30vh 0;
}

.fourth .right h1 {
  font-size: 4rem;
  font-weight: bold;
  margin: 0;
  color: white;
}
/*# sourceMappingURL=styles.min.css.map */