/* Core functionality */

#animated-text-strip {
  display: flex;
  flex-flow: row nowrap;
  width: auto;
  align-items: center;
  overflow: hidden;
}

#animated-text-strip .marquee {
  white-space: nowrap;
  animation: marquee 5s linear infinite;
  max-width: none;
}

@keyframes marquee {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(-100%, 0);
  }
}

/* Styles for the sake of the demonstration */

#animated-text-strip {
  background: black;
  /*padding: 1rem 0;*/
}

.marquee {
  font-size: 12px;
  font-weight: 700;
}