.rainbow-text-animated {
  background: linear-gradient(to left, #6666ff, #0099ff , #00ff00, #ff3399, #6666ff);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent !important;
  animation: rainbow-text-animation 5s ease-in-out infinite;
  background-size: 400% 100%;
}

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

.fancy-text-static {
  background: linear-gradient(to left, #1c1ce8, #ff3399);
  /*background: linear-gradient(to left, #1c1ce8, #0099ff , #00ff00, #1c1ce8, #ff3399);*/
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent !important;
  background-size: 400% 100%;
}

.fancy-text-animated {
  background: linear-gradient(to left, #6666ff,#ff3399);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent !important;
  animation: rainbow-text-animation 2s ease-in-out infinite;
  background-size: 400% 100%;
}