:root {
  --light-gray:#F0F0F0;
  --gray:#AEAEAE;
  --dark-gray:#D8D8D8;
  --blue:#AEE6FA;
}

.glitch {
  position: relative;
  margin: 0 auto;
}

@keyframes noise-anim {
  0% {
    clip-path: inset(50% 0 6% 0);
  }
  5% {
    clip-path: inset(22% 0 54% 0);
  }
  10% {
    clip-path: inset(57% 0 44% 0);
  }
  15% {
    clip-path: inset(39% 0 5% 0);
  }
  20% {
    clip-path: inset(81% 0 7% 0);
  }
  25% {
    clip-path: inset(42% 0 7% 0);
  }
  30% {
    clip-path: inset(59% 0 36% 0);
  }
  35% {
    clip-path: inset(3% 0 19% 0);
  }
  40% {
    clip-path: inset(59% 0 3% 0);
  }
  45% {
    clip-path: inset(73% 0 10% 0);
  }
  50% {
    clip-path: inset(49% 0 42% 0);
  }
  55% {
    clip-path: inset(63% 0 15% 0);
  }
  60% {
    clip-path: inset(16% 0 2% 0);
  }
  65% {
    clip-path: inset(40% 0 10% 0);
  }
  70% {
    clip-path: inset(55% 0 19% 0);
  }
  75% {
    clip-path: inset(60% 0 19% 0);
  }
  80% {
    clip-path: inset(95% 0 1% 0);
  }
  85% {
    clip-path: inset(75% 0 3% 0);
  }
  90% {
    clip-path: inset(4% 0 69% 0);
  }
  95% {
    clip-path: inset(50% 0 25% 0);
  }
  100% {
    clip-path: inset(3% 0 53% 0);
  }
}
.menu-elem > a:hover > .glitch::after {
  content: attr(data-text);
  position: absolute;
  left: 1px;
  text-shadow: -1px 0 #AEE6FA;
  top: 0;
  color: black;
  background: white;
  overflow: hidden;
  animation: noise-anim 2s infinite linear alternate-reverse;
}

.menu-mobile-title.opened.glitch::after {
  content: attr(data-text);
  position: absolute;
  left: 2px;
  text-shadow: -1px 0 #AEE6FA;
  top: 0;
  color: white;
  background: #AEE6FA;
  overflow: hidden;
  animation: noise-anim 2s infinite linear alternate-reverse;
}

.menu-elem > a:hover > .glitch::after {
  font-weight: 700;
}

@keyframes noise-anim-2 {
  0% {
    clip-path: inset(89% 0 7% 0);
  }
  5% {
    clip-path: inset(96% 0 3% 0);
  }
  10% {
    clip-path: inset(21% 0 16% 0);
  }
  15% {
    clip-path: inset(57% 0 12% 0);
  }
  20% {
    clip-path: inset(67% 0 24% 0);
  }
  25% {
    clip-path: inset(44% 0 56% 0);
  }
  30% {
    clip-path: inset(80% 0 18% 0);
  }
  35% {
    clip-path: inset(69% 0 11% 0);
  }
  40% {
    clip-path: inset(33% 0 61% 0);
  }
  45% {
    clip-path: inset(77% 0 11% 0);
  }
  50% {
    clip-path: inset(39% 0 61% 0);
  }
  55% {
    clip-path: inset(69% 0 26% 0);
  }
  60% {
    clip-path: inset(77% 0 5% 0);
  }
  65% {
    clip-path: inset(48% 0 27% 0);
  }
  70% {
    clip-path: inset(66% 0 26% 0);
  }
  75% {
    clip-path: inset(73% 0 27% 0);
  }
  80% {
    clip-path: inset(74% 0 6% 0);
  }
  85% {
    clip-path: inset(57% 0 32% 0);
  }
  90% {
    clip-path: inset(5% 0 33% 0);
  }
  95% {
    clip-path: inset(20% 0 23% 0);
  }
  100% {
    clip-path: inset(8% 0 57% 0);
  }
}
.menu-elem > a:hover > .glitch::before {
  content: attr(data-text);
  position: absolute;
  left: -1px;
  text-shadow: 1px 0 #AEE6FA;
  top: 0;
  color: black;
  background: white;
  overflow: hidden;
  animation: noise-anim-2 15s infinite linear alternate-reverse;
}

.menu-mobile-title.opened ::before {
  content: attr(data-text);
  position: absolute;
  left: -2px;
  text-shadow: 1px 0 #AEE6FA;
  top: 0;
  color: white;
  background: #AEE6FA;
  overflow: hidden;
  animation: noise-anim-2 15s infinite linear alternate-reverse;
}

.menu-elem > a:hover > .glitch::before {
  font-weight: 700;
}

/*# sourceMappingURL=glitch.css.map */