.textContainer {
  margin: 96px 0 0 96px;
  padding: 0;
  /*background-color: $bgColor;*/
  /*background-image: $bgImg*/
}

.Text {
  font-size: 64px;
  position: relative;
  font-family: sans-serif;
  color: #000;
  /*width: 600px;*/
}

.Text::before {
  content: attr(data-text);
  position: absolute;
  left: 2px;
  text-shadow: 2px 0 rgb(255, 255, 255);
  background-color: rgb(255, 255, 255);
  /*background-image: $bgImg;*/
  animation: ani2 2s linear infinite alternate-reverse;
}

.Text::after {
  content: attr(data-text);
  position: absolute;
  left: -2px;
  text-shadow: -2px 0 rgb(255, 255, 255);
  background-color: rgb(255, 255, 255);
  /*background-image: $bgImg;*/
  animation: ani1 2s linear infinite alternate-reverse;
}

@keyframes ani1 {
  0% {
    clip-path: inset(11px 0 16px 0);
  }
  4% {
    clip-path: inset(8px 0 23px 0);
  }
  8% {
    clip-path: inset(32px 0 23px 0);
  }
  12% {
    clip-path: inset(47px 0 37px 0);
  }
  16% {
    clip-path: inset(19px 0 44px 0);
  }
  20% {
    clip-path: inset(23px 0 31px 0);
  }
  24% {
    clip-path: inset(18px 0 43px 0);
  }
  28% {
    clip-path: inset(33px 0 22px 0);
  }
  32% {
    clip-path: inset(14px 0 11px 0);
  }
  36% {
    clip-path: inset(31px 0 4px 0);
  }
  40% {
    clip-path: inset(24px 0 25px 0);
  }
  44% {
    clip-path: inset(4px 0 36px 0);
  }
  48% {
    clip-path: inset(41px 0 45px 0);
  }
  52% {
    clip-path: inset(15px 0 2px 0);
  }
  56% {
    clip-path: inset(8px 0 39px 0);
  }
  60% {
    clip-path: inset(16px 0 9px 0);
  }
  64% {
    clip-path: inset(47px 0 26px 0);
  }
  68% {
    clip-path: inset(22px 0 25px 0);
  }
  72% {
    clip-path: inset(36px 0 4px 0);
  }
  76% {
    clip-path: inset(3px 0 20px 0);
  }
  80% {
    clip-path: inset(39px 0 26px 0);
  }
  84% {
    clip-path: inset(14px 0 3px 0);
  }
  88% {
    clip-path: inset(32px 0 38px 0);
  }
  92% {
    clip-path: inset(42px 0 22px 0);
  }
  96% {
    clip-path: inset(6px 0 21px 0);
  }
  100% {
    clip-path: inset(45px 0 31px 0);
  }
}
@keyframes ani2 {
  0% {
    clip-path: inset(0 1px 0 31px);
  }
  4% {
    clip-path: inset(0 12px 0 1px);
  }
  8% {
    clip-path: inset(0 4px 0 46px);
  }
  12% {
    clip-path: inset(0 27px 0 7px);
  }
  16% {
    clip-path: inset(0 27px 0 37px);
  }
  20% {
    clip-path: inset(0 17px 0 42px);
  }
  24% {
    clip-path: inset(0 15px 0 16px);
  }
  28% {
    clip-path: inset(0 11px 0 2px);
  }
  32% {
    clip-path: inset(0 34px 0 34px);
  }
  36% {
    clip-path: inset(0 33px 0 33px);
  }
  40% {
    clip-path: inset(0 8px 0 40px);
  }
  44% {
    clip-path: inset(0 32px 0 36px);
  }
  48% {
    clip-path: inset(0 24px 0 30px);
  }
  52% {
    clip-path: inset(0 4px 0 18px);
  }
  56% {
    clip-path: inset(0 44px 0 45px);
  }
  60% {
    clip-path: inset(0 37px 0 24px);
  }
  64% {
    clip-path: inset(0 35px 0 36px);
  }
  68% {
    clip-path: inset(0 21px 0 27px);
  }
  72% {
    clip-path: inset(0 27px 0 11px);
  }
  76% {
    clip-path: inset(0 1px 0 12px);
  }
  80% {
    clip-path: inset(0 35px 0 45px);
  }
  84% {
    clip-path: inset(0 44px 0 10px);
  }
  88% {
    clip-path: inset(0 18px 0 25px);
  }
  92% {
    clip-path: inset(0 15px 0 26px);
  }
  96% {
    clip-path: inset(0 14px 0 23px);
  }
  100% {
    clip-path: inset(0 35px 0 42px);
  }
}
@media screen and (max-width: 768px) {
  .textContainer {
    margin: 64px 0 0 40px;
  }
  .Text {
    font-size: 56px;
  }
}
@media screen and (max-width: 576px) {
  .textContainer {
    margin: 32px 0 0 24px;
    padding: 0;
  }
  .Text {
    font-size: 32px;
  }
}

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