.line-vertical {
z-index: 10;
  position: absolute;
  overflow: hidden;
  width:100%;
  height: 0.5px;
}

.line-vertical span {
  transform: translateX(-100%);
  position: absolute;
  width: 100%;
  height: 0.5px;
  opacity: 0.4;
  background-color: white;
  text-align: right;
}

.line-vertical span p {
	font-size: 13px;
	color: white;
}
/* .line-vertical span::before {
  position: absolute;
  top: 0.75em;
  left: -1.75em;
  font-size: 2em;
  font-weight: bold;
  transform: rotate(-90deg);
} */

.line-vertical {
	top: -1%;	
}
.line-vertical:nth-child(2) {
 width: 100%;
 top: 25%;
 height: 20px;
}
.line-vertical:nth-child(3) {
  width: 50%;
  top: 50%;
  height: 20px;
}
.line-vertical:nth-child(4) {
 width: 75%;
 top: 75%;
 height: 20px;
}

.line-vertical:nth-child(5) {
  top: 100%;


}





.line-vertical span {
  animation: moving 4s ease-in-out infinite 0s;
}

.line-vertical:nth-child(2) span {
  animation: moving 6s ease-in-out infinite 3s;
}


.line-vertical:nth-child(3) span {
  animation: moving 8s ease-in-out infinite 1s;
}


.line-vertical:nth-child(4) span {
  animation: moving 6s ease-in-out infinite 2s;
}


.line-vertical:nth-child(5) span {
  animation: moving 4s ease-in-out infinite 1s;
}



/*
.line-vertical:nth-child(3) span {
  animation: moving 2s infinite 0s;
}
.line-vertical:nth-child(2) span {
  animation: moving 2s infinite alternate 0.5s;
}

.line-vertical:nth-child(4) span {
  animation: moving2 2s infinite alternate 1.5s;
}*/









/* .line-vertical:nth-child(1) span::before {
  content: "Yeah!";
}
.line-vertical:nth-child(2) span::before {
  content: "Wow!";
}
.line-vertical:nth-child(3) span::before {
  left: -2.1em;
  content: "Yahoo!";
}
.line-vertical:nth-child(4) span::before {
  left: -1.5em;
  content: "LoL!";
} */
/* @keyframes moving {
  0% {
    margin-top: 100vh;
  }
  100% {
    margin-top: 0;
  }
} */

@keyframes moving {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(100%);
  }
}

@keyframes moving2 {
  0% {
    transform: translateX(100%);
  }
  100% {
    transform: translateX(-100%);
  }
}