* {
  scroll-behavior: smooth;
}

html,
body {
  overflow-x: hidden;
  font-family: "Archivo Black";
  background: linear-gradient(
    to right,
    #ff6b35,
    #f7931e,
    #ff6b35
  ); /* Matches Bumper */
}

@keyframes customBounce {
  30% {
    transform: scale(1.2);
  }

  40%,
  60% {
    transform: rotate(-20deg) scale(1.2);
  }

  50% {
    transform: rotate(20deg) scale(1.2);
  }

  70% {
    transform: rotate(0deg) scale(1.2);
  }

  100% {
    transform: scale(1);
  }
}
@keyframes scroll-right-to-left {
  0% {
    transform: translateX(100%);
  }
  100% {
    transform: translateX(-100%);
  }
}
@keyframes scroll-loop {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(-50%);
  }
}

.marquee-wrapper {
  overflow: hidden;
  position: relative;
}

.marquee-track {
  display: inline-block;
  width: max-content;
  animation: scroll-loop 20s linear infinite;
}

.font-fun {
  font-family: "Luckiest Guy", cursive;
}
.animate-marquee-ducky {
  display: inline-block;
  white-space: nowrap;
  animation: marquee-ducky 25s linear infinite; /* slower speed */
}
.marquee-track {
  display: inline-block;
  width: max-content;
  animation: marquee-ducky 20s linear infinite;
}
.marquee-right-to-left {
  display: inline-block;
  width: max-content;
  animation: scroll-right-to-left 20s linear infinite;
}
.font-fun {
  font-family: "Luckiest Guy", cursive;
}

.about-logos {
  animation: customBounce 1.5s infinite;
}

.w-full button:hover .svgg path {
  fill: white;
}