.reflection {
  position: relative;
  overflow: hidden;
  border-radius: 0px 0px 6px 6px;
}
.reflection::after {
  content: "";
  display: block;
  width: 30px;
  height: 100%;
  position: absolute;
  top: -180px;
  left: -50px;
  background-color: #ffffff88;
  opacity: 0;
  transform: rotate(45deg);
  animation: reflect 2s ease-in-out infinite;
  -webkit-transform: rotate(45deg);
  -webkit-animation: reflect 2s ease-in-out infinite;
}
@keyframes reflect {
  0% { transform: scale(0) rotate(45deg); opacity: 0; }
  80% { transform: scale(0) rotate(45deg); opacity: 0.5; }
  81% { transform: scale(4) rotate(45deg); opacity: 1; }
  100% { transform: scale(50) rotate(45deg); opacity: 0; }
}
@-webkit-keyframes reflect {
  0% { transform: scale(0) rotate(45deg); opacity: 0; }
  80% { transform: scale(0) rotate(45deg); opacity: 0.5; }
  81% { transform: scale(4) rotate(45deg); opacity: 1; }
  100% { transform: scale(50) rotate(45deg); opacity: 0; }
}

@keyframes glow {
  0% {
    text-shadow: 0 0 10px #a92d8e;
  }
  50% {
    text-shadow: 0 0 20px #f541ce, 0 0 10px #f141cb;
  }
  100% {
    text-shadow: 0 0 30px #f541ce, 0 0 15px #f141cb;
  }
}

@keyframes glow-blue {
  0% {
    text-shadow: 0 0 10px #1e90ff;
  }
  50% {
    text-shadow: 0 0 20px #00bfff, 0 0 10px #40e0d0;
  }
  100% {
    text-shadow: 0 0 30px #00bfff, 0 0 15px #1e90ff;
  }
}