.matrix_strip {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  width: min-content;
  --x: 0px;
  --y: 0px;
  position: absolute;
  transform: rotate3d(1, 0.1, 0, var(--rx)) translate(var(--x), var(--y));
  z-index: 10;
}
.matrix_strip span {
  flex-basis: 100%;
  font-weight: bold;
  animation: letterShow calc(var(--letter-anim-duration) * 20) steps(15) forwards;
  user-select: none;
  border-radius: 40px;
  position: relative;
  z-index: 10;
}
.matrix_strip span:hover {
  color: white !important;
}

@keyframes letterShow {
  0% {
    color: #c3d9c7;
  }
  8% {
    color: #2d733a;
  }
  99% {
    color: transparent;
  }
  100% {
    color: transparent;
    display: none;
    pointer-events: none;
  }
}