* {
  margin: 0;
  padding: 0;
}

body {
  background-color: rgba(8, 10, 82, 1);
  font-family: 'Lato', Tahoma, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 1.7;
  color: #fff;
}

#header {
  width: 100vw;
  height: 100vh;
  background: linear-gradient(120deg, rgba(8, 10, 82, 0.82) 50%, rgba(138, 33, 87, 0.67)), url('../images/hero_001.jpg') center center;
  background-size: cover;
  position: relative;
  overflow: hidden;
  /* clip-path: polygon(0 0, 100% 0, 100% 80%, 70% 100%, 0 100%); */
}

#header .container {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

#header .soon {
  position: absolute;
  right: -50px;
  bottom: -146px;
  padding: 30px 60px 30px 300px;
  background: linear-gradient(to right, transparent 15%, #fff);
  color: rgb(8, 10, 82);
  font-size: 1vw;
  font-weight: 700;
  text-transform: uppercase;
  animation: rotateIn 1s 3s forwards;
}

#header .features {
  list-style: none;
  position: absolute;
  right: 50px;
  bottom: 25vh;

  font-size: 1.8vw;
  text-align: right;
  transform: rotate(-21deg);
}

#header .features li {
  opacity: 0;
}

#header .features li:nth-child(2n+1) {
  animation: slideFromRight 1s forwards 2s;
}

#header .features li:nth-child(2n) {
  animation: slideFromLeft 1s forwards 2s;
}


.logo {
  opacity: 0;
  animation: slideFromBottom 1.2s ease-out 1s forwards; 
}

.logo img {
  height: 25vh;
}


@keyframes slideFromLeft {
  0% {
    opacity: 0;
    transform: translateX(-50px);
  }

  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes slideFromRight {
  0% {
    opacity: 0;
    transform: translateX(50px);
  }

  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes slideFromBottom {
  0% {
    opacity: 0;
    transform: translateY(150px);
  }

  80% {
    transform: translateY(-5px);
  }

  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes rotateIn {
  0% {
    transform: translateY(0) rotate(0);

  }

  100% {
    transform: translateY(-140px) rotate(-20deg);
  }
}