@-webkit-keyframes wave {
  0% {
    opacity: 0.2;
    transform: scale(1.3) rotateX(25deg) rotateY(25deg);
  }
  50% {
    opacity: 1;
    transform: scale(1.5) rotateX(12deg) rotateY(-25deg);
  }
  100% {
    opacity: 0.2;
    transform: scale(1.3) rotateX(25deg) rotateY(25deg);
  }
}
@keyframes wave {
  0% {
    opacity: 0.2;
    transform: scale(1.3) rotateX(25deg) rotateY(25deg);
  }
  50% {
    opacity: 1;
    transform: scale(1.5) rotateX(12deg) rotateY(-25deg);
  }
  100% {
    opacity: 0.2;
    transform: scale(1.3) rotateX(25deg) rotateY(25deg);
  }
}
.hero_animation {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100vw;
  height: 100vh;
  /*overflow: hidden;*/
  background: #0E353A;
  opacity: .4;
  transform: rotate(30deg);
  position: absolute;
  left: -25%;
  bottom: -160px;
  z-index: -1;
}

.line {
  width: 200vw;
  height: .2px;
  max-height: .2px;
  margin: 0 0 1vh 0;
  background: #20ada1d8;
  -webkit-animation: wave 5s ease-in-out infinite;
          animation: wave 5s ease-in-out infinite;
}
.line:nth-of-type(1) {
  -webkit-animation-delay: -150ms;
          animation-delay: -150ms;
}
.line:nth-of-type(2) {
  -webkit-animation-delay: -300ms;
          animation-delay: -300ms;
}
.line:nth-of-type(3) {
  -webkit-animation-delay: -450ms;
          animation-delay: -450ms;
}
.line:nth-of-type(4) {
  -webkit-animation-delay: -600ms;
          animation-delay: -600ms;
}
.line:nth-of-type(5) {
  -webkit-animation-delay: -750ms;
          animation-delay: -750ms;
}
.line:nth-of-type(6) {
  -webkit-animation-delay: -900ms;
          animation-delay: -900ms;
}
.line:nth-of-type(7) {
  -webkit-animation-delay: -1050ms;
          animation-delay: -1050ms;
}
.line:nth-of-type(8) {
  -webkit-animation-delay: -1200ms;
          animation-delay: -1200ms;
}
.line:nth-of-type(9) {
  -webkit-animation-delay: -1350ms;
          animation-delay: -1350ms;
}
.line:nth-of-type(10) {
  -webkit-animation-delay: -1500ms;
          animation-delay: -1500ms;
}
.line:nth-of-type(11) {
  -webkit-animation-delay: -1650ms;
          animation-delay: -1650ms;
}
.line:nth-of-type(12) {
  -webkit-animation-delay: -1800ms;
          animation-delay: -1800ms;
}
.line:nth-of-type(13) {
  -webkit-animation-delay: -1950ms;
          animation-delay: -1950ms;
}
.line:nth-of-type(14) {
  -webkit-animation-delay: -2100ms;
          animation-delay: -2100ms;
}
.line:nth-of-type(15) {
  -webkit-animation-delay: -2250ms;
          animation-delay: -2250ms;
}
.line:nth-of-type(16) {
  -webkit-animation-delay: -2400ms;
          animation-delay: -2400ms;
}
.line:nth-of-type(17) {
  -webkit-animation-delay: -2550ms;
          animation-delay: -2550ms;
}
.line:nth-of-type(18) {
  -webkit-animation-delay: -2700ms;
          animation-delay: -2700ms;
}
.line:nth-of-type(19) {
  -webkit-animation-delay: -2850ms;
          animation-delay: -2850ms;
}
.line:nth-of-type(20) {
  -webkit-animation-delay: -3000ms;
          animation-delay: -3000ms;
}
.line:nth-of-type(21) {
  -webkit-animation-delay: -3150ms;
          animation-delay: -3150ms;
}
.line:nth-of-type(22) {
  -webkit-animation-delay: -3300ms;
          animation-delay: -3300ms;
}
.line:nth-of-type(23) {
  -webkit-animation-delay: -3450ms;
          animation-delay: -3450ms;
}
.line:nth-of-type(24) {
  -webkit-animation-delay: -3600ms;
          animation-delay: -3600ms;
}
.line:nth-of-type(25) {
  -webkit-animation-delay: -3750ms;
          animation-delay: -3750ms;
}
.line:nth-of-type(26) {
  -webkit-animation-delay: -3900ms;
          animation-delay: -3900ms;
}
.line:nth-of-type(27) {
  -webkit-animation-delay: -4050ms;
          animation-delay: -4050ms;
}
.line:nth-of-type(28) {
  -webkit-animation-delay: -4200ms;
          animation-delay: -4200ms;
}
.line:nth-of-type(29) {
  -webkit-animation-delay: -4350ms;
          animation-delay: -4350ms;
}
.line:nth-of-type(30) {
  -webkit-animation-delay: -4500ms;
          animation-delay: -4500ms;
}
.line:nth-of-type(31) {
  -webkit-animation-delay: -4650ms;
          animation-delay: -4650ms;
}
.line:nth-of-type(32) {
  -webkit-animation-delay: -4800ms;
          animation-delay: -4800ms;
}
.line:nth-of-type(33) {
  -webkit-animation-delay: -4950ms;
          animation-delay: -4950ms;
}
.line:nth-of-type(34) {
  -webkit-animation-delay: -5100ms;
          animation-delay: -5100ms;
}
.line:nth-of-type(35) {
  -webkit-animation-delay: -5250ms;
          animation-delay: -5250ms;
}
.line:nth-of-type(36) {
  -webkit-animation-delay: -5400ms;
          animation-delay: -5400ms;
}
.line:nth-of-type(37) {
  -webkit-animation-delay: -5550ms;
          animation-delay: -5550ms;
}
.line:nth-of-type(38) {
  -webkit-animation-delay: -5700ms;
          animation-delay: -5700ms;
}
.line:nth-of-type(39) {
  -webkit-animation-delay: -5850ms;
          animation-delay: -5850ms;
}
.line:nth-of-type(40) {
  -webkit-animation-delay: -6000ms;
          animation-delay: -6000ms;
}