body {
  background-color: black;
}

@-webkit-keyframes textShadow {
  0% {
    text-shadow: 1px 0 1px #001eff, -1px 0 1px rgba(255, 0, 80, 0.5), 0 0 3px;
  }
  5% {
    text-shadow: 3px 0 1px #001eff, -3px 0 1px rgba(255, 0, 80, 0.5), 0 0 3px;
  }
  10% {
    text-shadow: 1px 0 1px #001eff, -1px 0 1px rgba(255, 0, 80, 0.5), 0 0 3px;
  }
  15% {
    text-shadow: 0px 0 1px #001eff, 0px 0 1px rgba(255, 0, 80, 0.5), 0 0 3px;
  }
  20% {
    text-shadow: 3px 0 1px #001eff, -3px 0 1px rgba(255, 0, 80, 0.5), 0 0 3px;
  }
  25% {
    text-shadow: 2px 0 1px #001eff, -2px 0 1px rgba(255, 0, 80, 0.5), 0 0 3px;
  }
  30% {
    text-shadow: 1px 0 1px #001eff, -1px 0 1px rgba(255, 0, 80, 0.5), 0 0 3px;
  }
  35% {
    text-shadow: 4px 0 1px #001eff, -4px 0 1px rgba(255, 0, 80, 0.5), 0 0 3px;
  }
  40% {
    text-shadow: 3px 0 1px #001eff, -3px 0 1px rgba(255, 0, 80, 0.5), 0 0 3px;
  }
  45% {
    text-shadow: 2px 0 1px #001eff, -2px 0 1px rgba(255, 0, 80, 0.5), 0 0 3px;
  }
  50% {
    text-shadow: 0px 0 1px #001eff, 0px 0 1px rgba(255, 0, 80, 0.5), 0 0 3px;
  }
  55% {
    text-shadow: 3px 0 1px #001eff, -3px 0 1px rgba(255, 0, 80, 0.5), 0 0 3px;
  }
  60% {
    text-shadow: 2px 0 1px #001eff, -2px 0 1px rgba(255, 0, 80, 0.5), 0 0 3px;
  }
  65% {
    text-shadow: 3px 0 1px #001eff, -3px 0 1px rgba(255, 0, 80, 0.5), 0 0 3px;
  }
  70% {
    text-shadow: 1px 0 1px #001eff, -1px 0 1px rgba(255, 0, 80, 0.5), 0 0 3px;
  }
  75% {
    text-shadow: 2px 0 1px #001eff, -2px 0 1px rgba(255, 0, 80, 0.5), 0 0 3px;
  }
  80% {
    text-shadow: 0px 0 1px #001eff, 0px 0 1px rgba(255, 0, 80, 0.5), 0 0 3px;
  }
  85% {
    text-shadow: 1px 0 1px #001eff, -1px 0 1px rgba(255, 0, 80, 0.5), 0 0 3px;
  }
  90% {
    text-shadow: 3px 0 1px #001eff, -3px 0 1px rgba(255, 0, 80, 0.5), 0 0 3px;
  }
  95% {
    text-shadow: 2px 0 1px #001eff, -2px 0 1px rgba(255, 0, 80, 0.5), 0 0 3px;
  }
  100% {
    text-shadow: 1px 0 1px #001eff, -1px 0 1px rgba(255, 0, 80, 0.5), 0 0 3px;
  }
}

@keyframes textShadow {
  0% {
    text-shadow: 1px 0 1px #001eff, -1px 0 1px rgba(255, 0, 80, 0.5), 0 0 3px;
  }
  5% {
    text-shadow: 3px 0 1px #001eff, -3px 0 1px rgba(255, 0, 80, 0.5), 0 0 3px;
  }
  10% {
    text-shadow: 1px 0 1px #001eff, -1px 0 1px rgba(255, 0, 80, 0.5), 0 0 3px;
  }
  15% {
    text-shadow: 0px 0 1px #001eff, 0px 0 1px rgba(255, 0, 80, 0.5), 0 0 3px;
  }
  20% {
    text-shadow: 3px 0 1px #001eff, -3px 0 1px rgba(255, 0, 80, 0.5), 0 0 3px;
  }
  25% {
    text-shadow: 2px 0 1px #001eff, -2px 0 1px rgba(255, 0, 80, 0.5), 0 0 3px;
  }
  30% {
    text-shadow: 1px 0 1px #001eff, -1px 0 1px rgba(255, 0, 80, 0.5), 0 0 3px;
  }
  35% {
    text-shadow: 4px 0 1px #001eff, -4px 0 1px rgba(255, 0, 80, 0.5), 0 0 3px;
  }
  40% {
    text-shadow: 3px 0 1px #001eff, -3px 0 1px rgba(255, 0, 80, 0.5), 0 0 3px;
  }
  45% {
    text-shadow: 2px 0 1px #001eff, -2px 0 1px rgba(255, 0, 80, 0.5), 0 0 3px;
  }
  50% {
    text-shadow: 0px 0 1px #001eff, 0px 0 1px rgba(255, 0, 80, 0.5), 0 0 3px;
  }
  55% {
    text-shadow: 3px 0 1px #001eff, -3px 0 1px rgba(255, 0, 80, 0.5), 0 0 3px;
  }
  60% {
    text-shadow: 2px 0 1px #001eff, -2px 0 1px rgba(255, 0, 80, 0.5), 0 0 3px;
  }
  65% {
    text-shadow: 3px 0 1px #001eff, -3px 0 1px rgba(255, 0, 80, 0.5), 0 0 3px;
  }
  70% {
    text-shadow: 1px 0 1px #001eff, -1px 0 1px rgba(255, 0, 80, 0.5), 0 0 3px;
  }
  75% {
    text-shadow: 2px 0 1px #001eff, -2px 0 1px rgba(255, 0, 80, 0.5), 0 0 3px;
  }
  80% {
    text-shadow: 0px 0 1px #001eff, 0px 0 1px rgba(255, 0, 80, 0.5), 0 0 3px;
  }
  85% {
    text-shadow: 1px 0 1px #001eff, -1px 0 1px rgba(255, 0, 80, 0.5), 0 0 3px;
  }
  90% {
    text-shadow: 3px 0 1px #001eff, -3px 0 1px rgba(255, 0, 80, 0.5), 0 0 3px;
  }
  95% {
    text-shadow: 2px 0 1px #001eff, -2px 0 1px rgba(255, 0, 80, 0.5), 0 0 3px;
  }
  100% {
    text-shadow: 1px 0 1px #001eff, -1px 0 1px rgba(255, 0, 80, 0.5), 0 0 3px;
  }
}
.c-scrambled {
  font-family: Consolas, "Andale Mono WT", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", Monaco, "Courier New", Courier, monospace;
  font-size: 16px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: default;
  background-color: black;
  color: rgba(169, 169, 169, 0.3);
  position: absolute;
  inset: 0;
  overflow: hidden;
  word-wrap: break-word;
  -webkit-animation: textShadow 0.3s infinite;
          animation: textShadow 0.3s infinite;
  -webkit-mask-image: radial-gradient(50vw circle at var(--x) var(--y), black 30%, rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0));
          mask-image: radial-gradient(50vw circle at var(--x) var(--y), black 30%, rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0));
  opacity: 0;
  transition: opacity 250ms ease-in-out;
}
.c-scrambled::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: radial-gradient(circle at var(--x) var(--y), #27ff5f 0%, #2d8586 40%, black 100%);
  mix-blend-mode: darken;
}
.c-scrambled:hover {
  opacity: 1;
}