/* 
 * https://1stwebdesigner.com/10-cool-pure-css-scrolling-text-animations/
 */

.scrolling-words-container {
  display: flex;
}

.scrolling-words-box {
  height: 1em;
  overflow: hidden;
  
  ul {
      animation: scrollUp 10s infinite;

    li {
        display: flex;
        justify-content: flex-start;
        height: 1em;
        list-style: none; 
    }
  }
}

@keyframes scrollUp {
  15%, 25% {
    transform: translateY(-20%);
  }
  40%, 50% {
    transform: translateY(-40%);
  }
  65%, 75% {
    transform: translateY(-60%);
  }
  90%, 100% {
    transform: translateY(-80%);
  }
}