@keyframes zoomInfinite {
  0% {
    transform: scale(1);
  }

  50% {
    transform: scale(1.05);
  }

  100% {
    transform: scale(1);
  }
}

.animate-zoomInfinite {
  animation: zoomInfinite 10s ease-in-out infinite;
}

.transition-bg {
  transition: background-color 0.5s ease, box-shadow 0.5s ease;
}

/* animation css */
@keyframes floatY {

  0%,
  100% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(-10px);
  }
}

.float-y {
  animation: floatY 2.5s ease-in-out infinite;
}

.masked-text {
  font-weight: bold;
  color: transparent;
  background-image: url("https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcRhxq1NuXf_r6VnZLXVVu02VUcAIoMVBhoOOw&s");
  background-size: 200%;
  background-position: 0 50%;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: animate-background 6s infinite alternate linear;
}

@keyframes animate-background {
  0% {
    background-position: 0 50%;
  }

  100% {
    background-position: 100% 50%;
  }
}