@keyframes gradient {
    0% {
      background-position: 0% 50%;
    }
    50% {
      background-position: 100% 50%;
    }
    100% {
      background-position: 0% 50%;
    }
  }
  .animate-gradient {
    background-size: 200% 200%;
    animation: gradient 8s ease infinite;
  }
/* @keyframes textColorChange {
    0% {
        color: #ff4500; /* A more sophisticated orange-red */
    }
    25% {
        color: #4682b4; /* Steel blue for a mature tone */
    }
    50% {
        color: #2e8b57; /* Sea green for a balanced look */
    }
    75% {
        color: #8a2be2; /* Blue violet for a refined touch */
    }
    100% {
        color: #ff4500; /* Returning to the initial color */
    }
}
.animate-text {
    animation: textColorChange 10s ease-in-out infinite; /* Adjusted timing and easing for a smoother transition */
  } */