@use "@/src/assets/scss/variables" as *;
@use "@/src/assets/scss/partial" as *;

.MarqueeSlideWrapper {
  h2 {
    color: $secondaryColor;

    @media (min-width: $xxxl) {
      line-height: 120px;
    }
  }

  .Marquee {
    animation: marqueeAni 30s linear infinite alternate;
  }

  @keyframes marqueeAni {
    0% {
      transform: translateX(0%);
    }

    50% {
      transform: translateX(-80%);
    }

    100% {
      transform: translateX(0%);
    }
  }
}