
#shine-text {
  font-weight: 900;
  letter-spacing: 3px;
  position: relative;
  overflow: hidden;
}

/* pseudo-element exists but is idle */
#shine-text::after {
    content: "";
    position: absolute;
    top: 0;
    left: -150%;
    height: 100%;
    width: 50%;
    background: linear-gradient(
    120deg,
    transparent,
    rgba(255, 255, 255, 0.9),
    transparent
  );
}

#shine-text.animate {
  /* animation: wave 3s ease-in-out alternate, glow 3s linear; */
  animation: glow 3s linear;
}

#shine-text.animate::after {
  animation: shine 2.5s;
}

/* Wave Animation */
@keyframes wave {
  from {
    transform: translateY(-10px) rotateX(15deg);
  }
  to {
    transform: translateY(10px) rotateX(-15deg);
  }
}

/* Glow pulsing */
@keyframes glow {
  0% {
    text-shadow: 0 0 0 rgba(0, 234, 255, 0);
  }
  30% {
    text-shadow: 0 0 25px rgba(0, 234, 255, 0.8),
                 0 0 80px rgba(0, 234, 255, 0.8);
  }
  70% {
    text-shadow: 0 0 25px rgba(0, 234, 255, 0.8),
                 0 0 80px rgba(0, 234, 255, 0.8);
  }
  100% {
    text-shadow: 0 0 0 rgba(0, 234, 255, 0);
  }
}


/* Shine */
@keyframes shine {
  0% {
    left: -150%;
  }
  100% {
    left: 150%;
  }
}