.marquee {
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
}

.marquee p {
  display: none;
  padding-left: 100%;
}

.marquee p.active {
  display: inline-block;
  animation: marquee 15s linear;
}

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

@media (prefers-reduced-motion: reduce) {
  .marquee p.active {
    animation: none;
  }
}