.def {
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    position: relative;
  }

  .ticker__wrapper {
    display: flex;
  }

  .ticker__content {
    display: inline-block;
    min-width: max-content; 
    animation: ticker-scroll 80s linear infinite;
  }

  .ticker__content span{
    margin-right: 90vw;
  }

  .ticker__content::after {
    content: attr(data-text);
  }

  @keyframes ticker-scroll {
    from {
      transform: translateX(20%);
    }
    to {
      transform: translateX(-100%);
    }
  }

.title{
  font-size: 4em;
  font-family: var(--font-terminal);
  text-transform: uppercase;
  line-height: 1;
}