.endlessHorizontalMarquee {
  position: relative;
  overflow: hidden;
  width: 100%;
  white-space: nowrap;
  margin-top: -200px;
}

.endlessHorizontalMarquee__track {
    display: inline-block;
    white-space: nowrap;
    will-change: transform;
    animation: endless-horizontal-marquee 100s linear infinite;
    font-family: "Hatton B | M | UL", Serif;
    font-weight: bold;
    color: transparent;
    font-size: 20rem;
    line-height: 27rem;
    -webkit-text-stroke: 1px white;
    z-index: 9999;
}

@keyframes endless-horizontal-marquee {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(-50%);
  }
}
    
/*explore new projects*/
  
.endlessHorizontalMarquee.explore {
  margin-top: 0px;
}
  
.endlessHorizontalMarquee__track.explore__track {
      color: black;
      font-size: 20rem;
      line-height: 27rem;
      -webkit-text-stroke: 0px;
      z-index: 9999;
      animation: explore 100s linear infinite;
  
  }
  
  @keyframes explore {
    0% {
      transform: translateX(-50%);
    }
    100% {
      transform: translateX(0%);
    }
  }