/* https://codepen.io/Knovour/pen/boJNPN */

.marquee {
  position: relative;
  width: 100vw;
  max-width: 100%;
  overflow-x: hidden;
  height: 1.4em;
}

.track {
  position: absolute;
  white-space: nowrap;
  will-change: transform;
  animation: marquee 30s linear infinite;
}

.fasttrack {
  position: absolute;
  white-space: nowrap;
  will-change: transform;
  animation: marquee 10s linear infinite;
}

@keyframes marquee {
  from { transform: translateX(50%); }
  to { transform: translateX(-100%); }
}

.track:hover{
-moz-animation-play-state: paused;
-webkit-animation-play-state: paused;
animation-play-state: paused;
}