.marquee {
  
  width: 88%;
  height: 70%;
  margin: 0 auto;
  overflow: hidden;
  white-space: nowrap;
  position: relative;
  top: 15%;
  line-height: 0.8vh;
}
.marquee span {
  display: flex;
  font-size: 18px;
  justify-content: flex-end;
  color: #fff;
  position: relative;
  top: 100%;
  animation: marquee 10s linear infinite;
}
.marquee:hover span {
  animation-play-state: paused;
}

.marquee span:nth-child(1) {
  animation-delay: 0s;
}
.marquee span:nth-child(2) {
  animation-delay: 1.0s;
}
.marquee span:nth-child(3) {
  animation-delay: 2.0s;
}
.marquee span:nth-child(4) {
  animation-delay: 3.0s;
}
.marquee span:nth-child(5) {
  animation-delay: 4.0s;
}
.marquee span:nth-child(6) {
  animation-delay: 5.0s;
  line-height: 1.6em;
}
.marquee span:nth-child(7) {
  animation-delay: 6.0s;
}
.marquee span:nth-child(8) {
  animation-delay: 7.0s;
}

@keyframes marquee {
0%   { top: 100%; }

100% { top: -100%}

}