.particles {
  font-family: "Outfit", sans-serif;
}

.particle {
  pointer-events: none;
  position: absolute;
  background: white;
  border-radius: 50%;
  opacity: 0.4;
  animation: moveParticle linear infinite;
}

@keyframes moveParticle {
  0% {
    transform: translate(0, 0) scale(1);
    opacity: 0.4;
  }
  100% {
    transform: translate(var(--x), var(--y)) scale(0.5);
    opacity: 0.1;
  }
}
.carousel-container {
  mask-image: linear-gradient(to right, transparent, black 20%, black 80%, transparent);
  -webkit-mask-image: linear-gradient(to right, transparent, black 20%, black 80%, transparent);
}
.carousel-container .carousel-track {
  animation: scroll 30s linear infinite;
  animation-play-state: running;
}
.carousel-container .carousel-track:hover {
  animation-play-state: paused;
}
.carousel-container .carousel-track img {
  flex-shrink: 0;
  width: 100px;
  height: 100px;
  object-fit: contain;
  border-radius: 6px;
  filter: brightness(0) invert(1);
  opacity: 0.7;
  transition: 400ms all;
  transition: filter 0.3s ease;
}
.carousel-container .carousel-track img:hover {
  opacity: 1;
  cursor: pointer;
}

@keyframes scroll {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-400%);
  }
}
@keyframes floatY {
  0% {
    transform: translateY(0px);
  }
  25% {
    transform: translateY(-2px);
  }
  50% {
    transform: translateY(2px);
  }
  75% {
    transform: translateY(-3px);
  }
  100% {
    transform: translateY(3px);
  }
}

/*# sourceMappingURL=home.css.map */