@keyframes text-gradient-animation {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}

.animate-text-gradient {
    background-size: 200% 200%;
    animation: text-gradient-animation 4s ease-in-out infinite;
}

.logo-gradient {
  background-image: linear-gradient(to right, #0d9488, #60a5fa);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  background-size: 200% 200%;
  animation: text-gradient-animation 4s ease-in-out infinite;
}