/* svg animation */
svg {
  margin: auto;
  overflow: visible;
  -webkit-transform: scalex(1);
          transform: scalex(1);
}

.g-polygon-wrap,
.g-polygon-move {
  fill: none;
  stroke: #bf303c;
  stroke-width: 8;
  stroke-linejoin: round;
  stroke-linecap: round;
}

.g-polygon-move {
  -webkit-transform-origin: center center;
          transform-origin: center center;
  -webkit-transform: scale(1);
          transform: scale(1);
  stroke: linear-gradinet(180deg, red, transprent);
  stroke-width: 6;
  stroke-dasharray: 280, 700;
  stroke-dashoffset: 8;
  -webkit-animation: move 2.4s infinite linear;
          animation: move 2.4s infinite linear;
}

@-webkit-keyframes move {
  0% {
    stroke-dashoffset: 8;
  }
  100% {
    stroke-dashoffset: -1080;
  }
}

@keyframes move {
  0% {
    stroke-dashoffset: 8;
  }
  100% {
    stroke-dashoffset: -1080;
  }
}

:root {
  --color-text: #fff;
  --color-bg: #000;
  --color-link: #f9d77e;
  --color-link-hover: #fff;
  --color-info: #efc453;
  --glitch-width: 100vw;
  --glitch-height: 100vh;
  --gap-horizontal: 10px;
  --gap-vertical: 5px;
  --time-anim: 4s;
  --delay-anim: 2s;
  --blend-mode-1: none;
  --blend-mode-2: none;
  --blend-mode-3: none;
  --blend-mode-4: none;
  --blend-mode-5: overlay;
  --blend-color-1: transparent;
  --blend-color-2: transparent;
  --blend-color-3: transparent;
  --blend-color-4: transparent;
  --blend-color-5: #af4949;
}

@-webkit-keyframes glitch-anim-flash {
  0%, 5% {
    opacity: 0.2;
    -webkit-transform: translate3d(var(--glitch-horizontal), var(--glitch-height), 0);
            transform: translate3d(var(--glitch-horizontal), var(--glitch-height), 0);
  }
  5.5%, 100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}

@keyframes glitch-anim-flash {
  0%, 5% {
    opacity: 0.2;
    -webkit-transform: translate3d(var(--glitch-horizontal), var(--glitch-height), 0);
            transform: translate3d(var(--glitch-horizontal), var(--glitch-height), 0);
  }
  5.5%, 100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}

@-webkit-keyframes glitch-anim {
  0% {
    clip: rect(32px, 9999px, 113px, 0);
  }
  5% {
    clip: rect(9px, 9999px, 152px, 0);
  }
  10% {
    clip: rect(54px, 9999px, 7px, 0);
  }
  15% {
    clip: rect(93px, 9999px, 143px, 0);
  }
  20% {
    clip: rect(26px, 9999px, 87px, 0);
  }
  25% {
    clip: rect(45px, 9999px, 128px, 0);
  }
  30% {
    clip: rect(155px, 9999px, 61px, 0);
  }
  35% {
    clip: rect(152px, 9999px, 167px, 0);
  }
  40% {
    clip: rect(53px, 9999px, 69px, 0);
  }
  45% {
    clip: rect(118px, 9999px, 122px, 0);
  }
  50% {
    clip: rect(138px, 9999px, 36px, 0);
  }
  55% {
    clip: rect(15px, 9999px, 113px, 0);
  }
  60% {
    clip: rect(25px, 9999px, 80px, 0);
  }
  65% {
    clip: rect(20px, 9999px, 98px, 0);
  }
  70% {
    clip: rect(9px, 9999px, 162px, 0);
  }
  75% {
    clip: rect(156px, 9999px, 101px, 0);
  }
  80% {
    clip: rect(32px, 9999px, 38px, 0);
  }
  85% {
    clip: rect(157px, 9999px, 47px, 0);
  }
  90% {
    clip: rect(40px, 9999px, 32px, 0);
  }
  95% {
    clip: rect(23px, 9999px, 114px, 0);
  }
  100% {
    clip: rect(18px, 9999px, 36px, 0);
  }
}

@keyframes glitch-anim {
  0% {
    clip: rect(32px, 9999px, 113px, 0);
  }
  5% {
    clip: rect(9px, 9999px, 152px, 0);
  }
  10% {
    clip: rect(54px, 9999px, 7px, 0);
  }
  15% {
    clip: rect(93px, 9999px, 143px, 0);
  }
  20% {
    clip: rect(26px, 9999px, 87px, 0);
  }
  25% {
    clip: rect(45px, 9999px, 128px, 0);
  }
  30% {
    clip: rect(155px, 9999px, 61px, 0);
  }
  35% {
    clip: rect(152px, 9999px, 167px, 0);
  }
  40% {
    clip: rect(53px, 9999px, 69px, 0);
  }
  45% {
    clip: rect(118px, 9999px, 122px, 0);
  }
  50% {
    clip: rect(138px, 9999px, 36px, 0);
  }
  55% {
    clip: rect(15px, 9999px, 113px, 0);
  }
  60% {
    clip: rect(25px, 9999px, 80px, 0);
  }
  65% {
    clip: rect(20px, 9999px, 98px, 0);
  }
  70% {
    clip: rect(9px, 9999px, 162px, 0);
  }
  75% {
    clip: rect(156px, 9999px, 101px, 0);
  }
  80% {
    clip: rect(32px, 9999px, 38px, 0);
  }
  85% {
    clip: rect(157px, 9999px, 47px, 0);
  }
  90% {
    clip: rect(40px, 9999px, 32px, 0);
  }
  95% {
    clip: rect(23px, 9999px, 114px, 0);
  }
  100% {
    clip: rect(18px, 9999px, 36px, 0);
  }
}
/*# sourceMappingURL=style.css.map */