.rotate_3d {
  perspective: 600px;
  transform-style: preserve-3d;
  transition: transform 0.5s;
}

.rotate_3d:hover {
  transform: rotateY(180deg);
}






.color_shift {
  background-image: linear-gradient(to left, violet, indigo, blue, green, orange, red);
  -webkit-background-clip: text;
  color: transparent;
  animation: color_shift 6s infinite linear;
}

@keyframes color_shift {
  0% { background-position: 100% 0; }
  100% { background-position: -100% 0; }
}

.sparkling_text {
  color: #FFF;
  text-shadow: 0 0 10px #9dd8f8, 0 0 20px #9dd8f8, 0 0 30px #9dd8f8, 0 0 40px #1e90ff, 0 0 70px #1e90ff, 0 0 80px #1e90ff, 0 0 100px #1e90ff;
  transition: text-shadow 0.3s ease-in-out;
}

.sparkling_text:hover {
  text-shadow: 0 0 5px #9dd8f8, 0 0 10px #9dd8f8, 0 0 15px #9dd8f8, 0 0 20px #1e90ff, 0 0 35px #1e90ff, 0 0 40px #1e90ff, 0 0 50px #1e90ff;
}