body {
  margin: 0;
  background-color: #181C21;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh; }

@font-face {
  font-family: Gilroy;
  font-weight: bold;
  src: url("./assets/font/Gilroy-Bold.otf") format("opentype"); }
a.glitch {
  font-family: Gilroy;
  text-transform: lowercase;
  font-size: 3em;
  cursor: pointer;
  color: #E7E9E6;
  position: relative;
  opacity: 1;
  animation-timing-function: step-end !important; }
  a.glitch:hover {
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation-name: main-animation; }
    a.glitch:hover::before {
      animation-name: glitch-animation-1; }
    a.glitch:hover::after {
      animation-name: glitch-animation-2; }
  a.glitch, a.glitch::before, a.glitch::after {
    animation-duration: 1.3s;
    animation-timing-function: linear;
    animation-delay: 0s;
    animation-iteration-count: infinite;
    animation-direction: alternate-reverse; }
  a.glitch::before, a.glitch::after {
    position: absolute;
    top: 0;
    left: 0;
    content: attr(title);
    clip: rect(0, 0, 0, 0);
    background: #181C21;
    color: #E7E9E6;
    width: 100%;
    height: 100%;
    text-shadow: 0px 0 #ff0000;
    mix-blend-mode: exclusion;
    -webkit-text-fill-color: #E7E9E6; }
@keyframes glitch-animation-1 {
  0% {
    left: 15px;
    transform: skewX(45deg);
    clip: rect(24px, 350px, 30px, 0px);
    text-shadow: 28px 0 #ff0000; }
  5% {
    left: 6px;
    transform: skewX(-45deg);
    clip: rect(37px, 350px, 45px, 0px);
    text-shadow: 28px 0 #0000ff; }
  10% {
    left: 11px;
    transform: skewX(45deg);
    clip: rect(95px, 350px, 97px, 0px);
    text-shadow: 23px 0 #0000ff; }
  15% {
    left: 28px;
    transform: skewX(-45deg);
    clip: rect(52px, 350px, 58px, 0px);
    text-shadow: 21px 0 #ff0000; }
  20% {
    left: 22px;
    transform: skewX(-45deg);
    clip: rect(87px, 350px, 90px, 0px);
    text-shadow: 21px 0 #ff0000; }
  25% {
    left: 27px;
    transform: skewX(-45deg);
    clip: rect(39px, 350px, 40px, 0px);
    text-shadow: 22px 0 #ff0000; }
  30% {
    left: 15px;
    transform: skewX(-45deg);
    clip: rect(8px, 350px, 11px, 0px);
    text-shadow: 26px 0 #00ff00; }
  35% {
    left: 30px;
    transform: skewX(45deg);
    clip: rect(30px, 350px, 38px, 0px);
    text-shadow: 28px 0 #00ff00; }
  40% {
    left: 26px;
    transform: skewX(-45deg);
    clip: rect(88px, 350px, 92px, 0px);
    text-shadow: 29px 0 #0000ff; }
  45% {
    left: 27px;
    transform: skewX(-45deg);
    clip: rect(57px, 350px, 65px, 0px);
    text-shadow: 24px 0 #00ff00; }
  50% {
    left: 11px;
    transform: skewX(45deg);
    clip: rect(98px, 350px, 105px, 0px);
    text-shadow: 23px 0 #ff0000; }
  55% {
    left: 19px;
    transform: skewX(-45deg);
    clip: rect(95px, 350px, 99px, 0px);
    text-shadow: 24px 0 #0000ff; }
  60% {
    left: 25px;
    transform: skewX(-45deg);
    clip: rect(52px, 350px, 55px, 0px);
    text-shadow: 29px 0 #00ff00; }
  65% {
    left: 27px;
    transform: skewX(45deg);
    clip: rect(43px, 350px, 45px, 0px);
    text-shadow: 25px 0 #0000ff; }
  70% {
    left: 8px;
    transform: skewX(-45deg);
    clip: rect(66px, 350px, 70px, 0px);
    text-shadow: 25px 0 #ff0000; }
  75% {
    left: 23px;
    transform: skewX(-45deg);
    clip: rect(61px, 350px, 67px, 0px);
    text-shadow: 30px 0 #00ff00; }
  80% {
    left: 26px;
    transform: skewX(-45deg);
    clip: rect(65px, 350px, 70px, 0px);
    text-shadow: 26px 0 #00ff00; }
  85% {
    left: 6px;
    transform: skewX(-45deg);
    clip: rect(87px, 350px, 88px, 0px);
    text-shadow: 22px 0 #0000ff; }
  90% {
    left: 21px;
    transform: skewX(45deg);
    clip: rect(35px, 350px, 38px, 0px);
    text-shadow: 25px 0 #ff0000; }
  95% {
    left: 9px;
    transform: skewX(-45deg);
    clip: rect(89px, 350px, 97px, 0px);
    text-shadow: 29px 0 #ff0000; }
  100% {
    left: 13px;
    transform: skewX(-45deg);
    clip: rect(25px, 350px, 27px, 0px);
    text-shadow: 28px 0 #00ff00; } }
@keyframes glitch-animation-2 {
  0% {
    left: -26px;
    transform: skewX(45deg);
    clip: rect(96px, 350px, 101px, 0px);
    text-shadow: -19px 0 #0000ff; }
  5% {
    left: -23px;
    transform: skewX(-45deg);
    clip: rect(68px, 350px, 76px, 0px);
    text-shadow: -10px 0 #ff0000; }
  10% {
    left: -20px;
    transform: skewX(-45deg);
    clip: rect(86px, 350px, 90px, 0px);
    text-shadow: -19px 0 #00ff00; }
  15% {
    left: -20px;
    transform: skewX(-45deg);
    clip: rect(5px, 350px, 9px, 0px);
    text-shadow: -14px 0 #0000ff; }
  20% {
    left: -30px;
    transform: skewX(45deg);
    clip: rect(76px, 350px, 84px, 0px);
    text-shadow: -18px 0 #00ff00; }
  25% {
    left: -13px;
    transform: skewX(45deg);
    clip: rect(25px, 350px, 30px, 0px);
    text-shadow: -10px 0 #0000ff; }
  30% {
    left: -20px;
    transform: skewX(45deg);
    clip: rect(66px, 350px, 73px, 0px);
    text-shadow: -17px 0 #ff0000; }
  35% {
    left: -17px;
    transform: skewX(45deg);
    clip: rect(27px, 350px, 29px, 0px);
    text-shadow: -17px 0 #00ff00; }
  40% {
    left: -6px;
    transform: skewX(-45deg);
    clip: rect(1px, 350px, 3px, 0px);
    text-shadow: -17px 0 #ff0000; }
  45% {
    left: -2px;
    transform: skewX(45deg);
    clip: rect(40px, 350px, 42px, 0px);
    text-shadow: -15px 0 #ff0000; }
  50% {
    left: -6px;
    transform: skewX(45deg);
    clip: rect(90px, 350px, 93px, 0px);
    text-shadow: -12px 0 #0000ff; }
  55% {
    left: -30px;
    transform: skewX(45deg);
    clip: rect(77px, 350px, 85px, 0px);
    text-shadow: -11px 0 #00ff00; }
  60% {
    left: -13px;
    transform: skewX(-45deg);
    clip: rect(28px, 350px, 32px, 0px);
    text-shadow: -10px 0 #ff0000; }
  65% {
    left: -10px;
    transform: skewX(45deg);
    clip: rect(68px, 350px, 70px, 0px);
    text-shadow: -19px 0 #0000ff; }
  70% {
    left: -25px;
    transform: skewX(45deg);
    clip: rect(40px, 350px, 45px, 0px);
    text-shadow: -14px 0 #0000ff; }
  75% {
    left: -20px;
    transform: skewX(45deg);
    clip: rect(37px, 350px, 38px, 0px);
    text-shadow: -11px 0 #ff0000; }
  80% {
    left: -30px;
    transform: skewX(-45deg);
    clip: rect(18px, 350px, 24px, 0px);
    text-shadow: -19px 0 #ff0000; }
  85% {
    left: -8px;
    transform: skewX(-45deg);
    clip: rect(71px, 350px, 75px, 0px);
    text-shadow: -11px 0 #ff0000; }
  90% {
    left: -5px;
    transform: skewX(45deg);
    clip: rect(49px, 350px, 57px, 0px);
    text-shadow: -12px 0 #ff0000; }
  95% {
    left: -26px;
    transform: skewX(-45deg);
    clip: rect(52px, 350px, 56px, 0px);
    text-shadow: -18px 0 #00ff00; }
  100% {
    left: -27px;
    transform: skewX(-45deg);
    clip: rect(57px, 350px, 59px, 0px);
    text-shadow: -10px 0 #00ff00; } }
@keyframes main-animation {
  0% {
    -webkit-text-fill-color: transparent;
    transform: skewX(10deg); }
  5% {
    -webkit-text-fill-color: transparent;
    transform: skewX(-10deg); }
  10% {
    -webkit-text-fill-color: transparent;
    transform: skewX(10deg); }
  15% {
    -webkit-text-fill-color: #E7E9E6;
    transform: skewX(10deg); }
  20% {
    -webkit-text-fill-color: transparent;
    transform: skewX(10deg); }
  25% {
    -webkit-text-fill-color: transparent;
    transform: skewX(10deg); }
  30% {
    -webkit-text-fill-color: #E7E9E6;
    transform: skewX(10deg); }
  35% {
    -webkit-text-fill-color: transparent;
    transform: skewX(10deg); }
  40% {
    -webkit-text-fill-color: transparent;
    transform: skewX(-10deg); }
  45% {
    -webkit-text-fill-color: transparent;
    transform: skewX(10deg); }
  50% {
    -webkit-text-fill-color: #E7E9E6;
    transform: skewX(-10deg); }
  55% {
    -webkit-text-fill-color: transparent;
    transform: skewX(10deg); }
  60% {
    -webkit-text-fill-color: transparent;
    transform: skewX(10deg); }
  65% {
    -webkit-text-fill-color: transparent;
    transform: skewX(10deg); }
  70% {
    -webkit-text-fill-color: transparent;
    transform: skewX(-10deg); }
  75% {
    -webkit-text-fill-color: transparent;
    transform: skewX(10deg); }
  80% {
    -webkit-text-fill-color: transparent;
    transform: skewX(-10deg); }
  85% {
    -webkit-text-fill-color: transparent;
    transform: skewX(10deg); }
  90% {
    -webkit-text-fill-color: #E7E9E6;
    transform: skewX(10deg); }
  95% {
    -webkit-text-fill-color: #E7E9E6;
    transform: skewX(10deg); }
  100% {
    -webkit-text-fill-color: transparent;
    transform: skewX(10deg); } }

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