.drop-shadow-pulse {
  animation: drop-shadow-pulse-animation 2.5s linear;
  animation-iteration-count: infinite;
}

@keyframes drop-shadow-pulse-animation {
  50% {
    filter: drop-shadow(0px 0px 0px);
  }
}

.brightness-blink {
  animation: brightness-blink-animation 1.25s linear;
  animation-direction: alternate;
  animation-iteration-count: infinite;
}

@keyframes brightness-blink-animation {
  from {
    filter: brightness(0.8);
  }
  to {
    filter: brightness(1.6);
  }
}

.rainbow-drop-shadow {
  animation: rainbow-drop-shadow-animation 3s linear;
  animation-iteration-count: infinite;
}

@keyframes rainbow-drop-shadow-animation {
  0% {
    filter: drop-shadow(0px 0px 3px red);
  }
  25% {
    filter: drop-shadow(0px 0px 3px yellow);
  }
  50% {
    filter: drop-shadow(0px 0px 3px green);
  }
  75% {
    filter: drop-shadow(0px 0px 3px violet);
  }
  100% {
    filter: drop-shadow(0px 0px 3px red);
  }
}

.rainbow-gradient-text {
  background: -webkit-linear-gradient(90deg, #95d9e6, #eb75ff);
  background-size: 300px 300px;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: rainbow-gradient-text-animation 7s linear infinite alternate;
}

@keyframes rainbow-gradient-text-animation {
  from {
    filter: hue-rotate(0deg);
    background-position-x: 0px;
  }
  to {
    filter: hue-rotate(360deg);
    background-position-x: 300px;
  }
}

.rainbow-swipe-text {
  background: linear-gradient(90deg, #9a95e6, #ffe175);
  background-size: 100px 100px;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: rainbow-gradient-text-animation 5s linear infinite;
}

@keyframes rainbow-swipe-text-animation {
  from {
    filter: hue-rotate(0deg);
    background-position-x: 0px;
  }
  to {
    filter: hue-rotate(360deg);
    background-position-x: 600px;
  }
}