.ticker-tape-container {
  overflow-x: hidden;
  display: flex;
}

.ticker-tape {
  --direction: normal;
  --duration: 60s;
  --delay: 0s;
  --iteration-count: infinite;
  --play: running;
  display: flex;
  gap: 1rem;
  margin-right: 1rem;
  flex: 0 0 auto;
  align-items: center;
  animation: marquee var(--duration) linear var(--delay) var(--iteration-count);
  animation-play-state: var(--play);
  animation-delay: var(--delay);
  animation-direction: var(--direction);
}
@keyframes marquee {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-100%);
  }
}

.basic-styling {
  border-radius: 6px;
  /*margin: 2rem auto;*/
  padding: 0rem;
  color: #010101;
  font-size: 1em;
  font-family: sans-serif;
  max-width:100%
  width: 100%;
}


    /* Stilering voor de tekst die rood is */
 .red {
color: red;
}
      .black{
            color: black;
        }
      .green{
            color: green;
        }