@keyframes noise-anim {
  0% {
    clip-path: inset(24% 0 26% 0);
  }

  5% {
    clip-path: inset(18% 0 64% 0);
  }

  10% {
    clip-path: inset(60% 0 22% 0);
  }

  15% {
    clip-path: inset(81% 0 8% 0);
  }

  20% {
    clip-path: inset(94% 0 2% 0);
  }

  25% {
    clip-path: inset(32% 0 44% 0);
  }

  30% {
    clip-path: inset(97% 0 3% 0);
  }

  35% {
    clip-path: inset(33% 0 51% 0);
  }

  40% {
    clip-path: inset(3% 0 20% 0);
  }

  45% {
    clip-path: inset(54% 0 29% 0);
  }

  50% {
    clip-path: inset(20% 0 23% 0);
  }

  55% {
    clip-path: inset(74% 0 9% 0);
  }

  60% {
    clip-path: inset(33% 0 22% 0);
  }

  65% {
    clip-path: inset(68% 0 29% 0);
  }

  70% {
    clip-path: inset(82% 0 8% 0);
  }

  75% {
    clip-path: inset(30% 0 56% 0);
  }

  80% {
    clip-path: inset(8% 0 53% 0);
  }

  85% {
    clip-path: inset(57% 0 34% 0);
  }

  90% {
    clip-path: inset(28% 0 40% 0);
  }

  95% {
    clip-path: inset(7% 0 77% 0);
  }

  100% {
    clip-path: inset(92% 0 2% 0);
  }
}


@keyframes noise-anim-2 {
  0% {
    clip-path: inset(82% 0 15% 0);
  }

  5% {
    clip-path: inset(60% 0 40% 0);
  }

  10% {
    clip-path: inset(21% 0 40% 0);
  }

  15% {
    clip-path: inset(17% 0 83% 0);
  }

  20% {
    clip-path: inset(72% 0 24% 0);
  }

  25% {
    clip-path: inset(87% 0 2% 0);
  }

  30% {
    clip-path: inset(69% 0 21% 0);
  }

  35% {
    clip-path: inset(91% 0 5% 0);
  }

  40% {
    clip-path: inset(16% 0 42% 0);
  }

  45% {
    clip-path: inset(16% 0 10% 0);
  }

  50% {
    clip-path: inset(93% 0 7% 0);
  }

  55% {
    clip-path: inset(13% 0 73% 0);
  }

  60% {
    clip-path: inset(36% 0 48% 0);
  }

  65% {
    clip-path: inset(17% 0 9% 0);
  }

  70% {
    clip-path: inset(81% 0 7% 0);
  }

  75% {
    clip-path: inset(17% 0 71% 0);
  }

  80% {
    clip-path: inset(74% 0 12% 0);
  }

  85% {
    clip-path: inset(36% 0 25% 0);
  }

  90% {
    clip-path: inset(62% 0 4% 0);
  }

  95% {
    clip-path: inset(77% 0 9% 0);
  }

  100% {
    clip-path: inset(43% 0 51% 0);
  }
}

.overline::after {
  content: attr(data-text);
  position: absolute;
  left: 0.5px;
  text-shadow: -0.1px 0 var(--background-dark);
  top: 0;
  color: var(--text-color-dark);
  overflow: hidden;
  animation: noise-anim 2s infinite linear alternate-reverse;
}

.overline::before {
  content: attr(data-text);
  position: absolute;
  left: -0.5px;
  text-shadow: 0.1px 0 var(--background-dark);
  top: 0;
  color: var(--text-color-dark);
  overflow: hidden;
  animation: noise-anim-2 15s infinite linear alternate-reverse;
}