.glitch {
  background-image: linear-gradient(
    0,
    rgba(255, 255, 255, 0.05) 10%,
    transparent 10%,
    transparent 50%,
    rgba(255, 255, 255, 0.05) 50%,
    rgba(255, 255, 255, 0.05) 60%,
    transparent 60%,
    transparent
  );
  background-size: 100% 8px;
}

.glitch .clock {
  animation: clock-bag 4s linear infinite;
  transform: skewX(0deg) scaleY(1);
}

@keyframes clock-bag {
  0% {
    transform: translate(2px, 3px);
  }
  2% {
    transform: translate(1px, 3px);
  }
  4% {
    transform: translate(4px, 5px);
  }
  6% {
    transform: translate(2px, 1px);
  }
  8% {
    transform: translate(1px, 2px);
  }
  10% {
    transform: translate(3px, 5px);
  }
  12% {
    transform: translate(2px, 4px);
  }
  14.000000000000002% {
    transform: translate(2px, 4px);
  }
  16% {
    transform: translate(4px, 4px);
  }
  18% {
    transform: translate(1px, 5px);
  }
  20% {
    transform: translate(5px, 2px);
  }
  22% {
    transform: translate(2px, 2px);
  }
  24% {
    transform: translate(5px, 3px);
  }
  26% {
    transform: translate(3px, 5px);
  }
  28.000000000000004% {
    transform: translate(2px, 3px);
  }
  30% {
    transform: translate(2px, 4px);
  }
  32% {
    transform: translate(3px, 5px);
  }
  34% {
    transform: translate(1px, 3px);
  }
  36% {
    transform: translate(5px, 1px);
  }
  38% {
    transform: translate(1px, 4px);
  }
  40% {
    transform: translate(5px, 2px);
  }
  42% {
    transform: translate(5px, 2px);
  }
  44% {
    transform: translate(1px, 5px);
  }
  46.00000000000001% {
    transform: translate(4px, 2px);
  }
  48% {
    transform: translate(5px, 3px);
    transform: translate(5px, 3px);
  }
  50% {
    transform: translate(3px, 4px);
    transform: translate(3px, 4px);
  }
  52% {
    transform: translate(1px, 5px);
    transform: translate(1px, 5px);
  }
  54% {
    transform: translate(5px, 3px);
    transform: translate(5px, 3px);
  }
  56.00000000000001% {
    transform: translate(3px, 1px);
    transform: translate(3px, 1px);
  }
  58% {
    transform: translate(4px, 5px);
    transform: translate(4px, 5px);
  }
  60% {
    transform: translate(2px, 5px);
    transform: translate(2px, 5px);
  }
  62% {
    transform: translate(1px, 3px);
    transform: translate(1px, 3px);
  }
  64% {
    transform: translate(3px, 2px);
    transform: translate(3px, 2px);
  }
  66% {
    transform: translate(3px, 4px);
    transform: translate(3px, 4px);
  }
  68% {
    transform: translate(3px, 2px);
    transform: translate(3px, 2px);
  }
  70.00000000000001% {
    transform: translate(5px, 2px);
    transform: translate(5px, 2px);
  }
  72% {
    transform: translate(3px, 2px);
    transform: translate(3px, 2px);
  }
  74% {
    transform: translate(1px, 1px);
    transform: translate(1px, 1px);
  }
  76% {
    transform: translate(5px, 3px);
    transform: translate(5px, 3px);
  }
  78% {
    transform: translate(1px, 1px);
    transform: translate(1px, 1px);
  }
  80% {
    transform: translate(4px, 5px);
    transform: translate(4px, 5px);
  }
  82.00000000000001% {
    transform: translate(3px, 2px);
    transform: translate(3px, 2px);
  }
  84% {
    transform: translate(5px, 5px);
    transform: translate(5px, 5px);
  }
  86% {
    transform: translate(1px, 3px);
    transform: translate(1px, 3px);
  }
  88% {
    transform: translate(3px, 4px);
    transform: translate(3px, 4px);
  }
  90% {
    transform: translate(4px, 1px);
    transform: translate(4px, 1px);
  }
  92.00000000000001% {
    transform: translate(5px, 3px);
    transform: translate(5px, 3px);
  }
  94% {
    transform: translate(4px, 4px);
    transform: translate(4px, 4px);
  }
  96% {
    transform: translate(1px, 5px);
    transform: translate(1px, 5px);
  }
  98% {
    transform: translate(2px, 5px);
    transform: translate(2px, 5px);
  }
  100% {
    transform: translate(5px, 1px);
    transform: translate(5px, 1px);
  }
  1% {
    transform: scaleY(1) skewX(0deg);
    transform: scaleY(1) skewX(0deg);
  }
  1.5% {
    transform: scaleY(3) skewX(-60deg);
    transform: scaleY(3) skewX(-60deg);
  }
  2% {
    transform: scaleY(1) skewX(0deg);
    transform: scaleY(1) skewX(0deg);
  }
  51% {
    transform: scaleX(1) scaleY(1) skewX(0deg);
    transform: scaleX(1) scaleY(1) skewX(0deg);
  }
  52% {
    transform: scaleX(1.5) scaleY(0.2) skewX(80deg);
    transform: scaleX(1.5) scaleY(0.2) skewX(80deg);
  }
  53% {
    transform: scaleX(1) scaleY(1) skewX(0deg);
    transform: scaleX(1) scaleY(1) skewX(0deg);
  }
}
@keyframes bg-move {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 0 -32px;
  }
}