.glitch {
  position: relative;
  font-size: 3rem;
  font-family: 'MatrixSans Video';
  /* font-weight: bold; */
  color: rgb(151, 151, 151);
  /* text-transform: uppercase; */
  /* letter-spacing: 2px; */
}

.prefex {
  font-size: 2.5rem;
  font-family: 'MatrixSans Video';
  /* font-weight: bold; */
  color: rgb(151, 151, 151);
}

/* Create colored copies */
.glitch::before,
.glitch::after {
  content: attr(data-text);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  overflow: hidden;
  /* color: white; */
}

.glitch::before {
  left: 2px;
  text-shadow: -2px 0 rgb(255, 0, 255);
  animation: glitch-anim 1.2s steps(8) infinite;
}

.glitch::after {
  left: -2px;
  text-shadow: -2px 0 rgb(255, 185, 251);
  animation: glitch-anim2 1.3s steps(8) infinite;
}

/* Keyframes for random slicing and shifting */
@keyframes glitch-anim {
  0% {
    clip-path: inset(80% 0 0 0);
    transform: translate(-5px, -2px);
  }

  7% {
    clip-path: inset(15% 0 70% 0);
    transform: translate(3px, 1px);
  }

  14% {
    clip-path: inset(60% 0 20% 0);
    transform: translate(-3px, 0);
  }

  23% {
    clip-path: inset(5% 0 80% 0);
    transform: translate(2px, -2px);
  }

  37% {
    clip-path: inset(50% 0 30% 0);
    transform: translate(-1px, 2px);
  }

  55% {
    clip-path: inset(30% 0 50% 0);
    transform: translate(1px, -1px);
  }

  72% {
    clip-path: inset(70% 0 10% 0);
    transform: translate(-2px, 1px);
  }

  100% {
    clip-path: inset(0 0 0 0);
    transform: translate(0, 0);
  }
}

@keyframes glitch-anim2 {
  0% {
    clip-path: inset(10% 0 85% 0);
    transform: translate(1px, 1px);
  }

  15% {
    clip-path: inset(80% 0 5% 0);
    transform: translate(-2px, -1px);
  }

  30% {
    clip-path: inset(30% 0 50% 0);
    transform: translate(2px, 0);
  }

  45% {
    clip-path: inset(0 0 60% 0);
    transform: translate(-1px, 1px);
  }

  60% {
    clip-path: inset(70% 0 10% 0);
    transform: translate(1px, -2px);
  }

  100% {
    clip-path: inset(0 0 0 0);
    transform: translate(0, 0);
  }
}

#blk_list {
  list-style-type: none;
}