.test-site {
  background-color: green;
  color: white
}

.test-site .emphasized {
  font-weight: 900
}

.test-site a {
  color: white
}

.marquee {
  overflow: hidden
}

.marquee,
.marquee>div {
  display: flex;
  white-space: nowrap;
  gap: 3px;
  padding-left: 5em;
  padding-right: 5em
}

.marquee>div {
  animation: animate-marquee 20s infinite linear
}

.marquee:hover>div {
  animation-play-state: paused
}

@keyframes animate-marquee {
  0% {
    transform: translateX(0%) translateZ(0)
  }

  100% {
    transform: translateX(-100%) translateZ(0)
  }
}