.glitch-footer {
  position: relative;
  font-size: 2.5rem;
  font-weight: bold;
  text-align: center;
  color: #fff;
  text-shadow:
    2px 2px 0 #00ffea,
    -2px -2px 0 #ff00c8,
    0 0 2px #000;
  animation: glitch-color 2s infinite;
  transform-style: preserve-3d;
  transform: perspective(500px) rotateX(10deg) rotateY(-5deg);
}

.glitch-footer span {
  position: absolute;
  top: 0;
  left: 0;
  color: #fff;
  pointer-events: none;
}

.glitch-footer span:nth-child(1) {
  animation: glitch-left 2s infinite;
  color: #ff00c8;
  z-index: -1;
}

.glitch-footer span:nth-child(3) {
  animation: glitch-right 2s infinite;
  color: #00ffea;
  z-index: -1;
}

@keyframes glitch-left {
  0%, 100% {
    transform: translate(0, 0);
    opacity: 0.8;
  }
  20% {
    transform: translate(-2px, 2px);
  }
  40% {
    transform: translate(-1px, -1px);
  }
  60% {
    transform: translate(-3px, 1px);
  }
  80% {
    transform: translate(1px, -2px);
  }
}

@keyframes glitch-right {
  0%, 100% {
    transform: translate(0, 0);
    opacity: 0.8;
  }
  20% {
    transform: translate(2px, -2px);
  }
  40% {
    transform: translate(1px, 1px);
  }
  60% {
    transform: translate(3px, -1px);
  }
  80% {
    transform: translate(-1px, 2px);
  }
}

@keyframes glitch-color {
  0%, 100% {
    text-shadow:
      2px 2px 0 #00ffea,
      -2px -2px 0 #ff00c8,
      0 0 2px #000;
  }
  50% {
    text-shadow:
      1px -2px 0 #ff00c8,
      -1px 2px 0 #00ffea,
      0 0 4px #000;
  }
}