:root {
  --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: transparent;
}
.glitch div:nth-child(n + 2) {
 	opacity: 0; animation-duration: var(--time-anim); animation-delay: var(--delay-anim); animation-timing-function: linear; animation-iteration-count: infinite;
    }
.glitch div:nth-child(2) {
 	background-color: var(--blend-color-2); background-blend-mode: var(--blend-mode-2); animation-name: glitch-anim-2;
    }
.glitch div:nth-child(3) {
 	background-color: var(--blend-color-3); background-blend-mode: var(--blend-mode-3); animation-name: glitch-anim-3;
    }
.glitch div:nth-child(4) {
 	background-color: var(--blend-color-4); background-blend-mode: var(--blend-mode-4); animation-name: glitch-anim-4;
    }
.glitch div:nth-child(5) {
 	background-color: var(--blend-color-5); background-blend-mode: var(--blend-mode-5); animation-name: glitch-anim-flash;
    }
@keyframes glitch-anim-flash {
	0%, 5% { opacity: 0.2; transform: translate3d(var(--glitch-horizontal), var(--glitch-height), 0); }
	5.5%, 100% { opacity: 0; transform: translate3d(0, 0, 0); }
    }
.glitch ~ .intro-content h1 {
 	position: relative; transform: scale(0.6); transition: transform 1.6s cubic-bezier(0.16, 1, 0.3, 1); transition-delay: 200ms;
    }
.loaded .glitch ~ .intro-content h1 {
 	transform: scale(1);
    }
.glitch ~ .intro-content h1:before,
.glitch ~ .intro-content h1:after {
 	content: attr(data-text); position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden;
    }
.glitch ~ .intro-content h1:before {
 	left: 2px; text-shadow: -1px 0 #00ffea; clip: rect(24px, 550px, 90px, 0); animation: glitch-anim 2s linear infinite alternate-reverse;
    }
.glitch ~ .intro-content h1:after {
 	left: -2px; text-shadow: -1px 0 #fe3a7f; clip: rect(85px, 550px, 140px, 0); animation: glitch-anim 2s 1s linear infinite alternate-reverse;
    }
@keyframes glitch-anim{
	0%{clip:rect(43px, 9999px, 117px, 0);}
	5%{clip:rect(155px, 9999px, 64px, 0);}
	10%{clip:rect(44px, 9999px, 66px, 0);}
	15%{clip:rect(127px, 9999px, 71px, 0);}
	20%{clip:rect(88px, 9999px, 31px, 0);}
	25%{clip:rect(29px, 9999px, 116px, 0);}
	30%{clip:rect(46px, 9999px, 1px, 0);}
	35%{clip:rect(108px, 9999px, 164px, 0);}
	40%{clip:rect(97px, 9999px, 55px, 0);}
	45%{clip:rect(63px, 9999px, 63px, 0);}
	50%{clip:rect(61px, 9999px, 40px, 0);}
	55%{clip:rect(55px, 9999px, 2px, 0);}
	60%{clip:rect(149px, 9999px, 142px, 0);}
	65%{clip:rect(117px, 9999px, 72px, 0);}
	70%{clip:rect(50px, 9999px, 162px, 0);}
	75%{clip:rect(153px, 9999px, 137px, 0);}
	80%{clip:rect(35px, 9999px, 149px, 0);}
	85%{clip:rect(119px, 9999px, 122px, 0);}
	90%{clip:rect(134px, 9999px, 135px, 0);}
	95%{clip:rect(68px, 9999px, 128px, 0);}
	100%{clip:rect(108px, 9999px, 136px, 0);}
	}
@keyframes glitch-anim-2{
	0%{opacity:1;transform:translate3d(var(--gap-horizontal), 0, 0);-webkit-clip-path:polygon(0 2%, 100% 2%, 100% 5%, 0 5%);clip-path:polygon(0 2%, 100% 2%, 100% 5%, 0 5%);}
	2%{-webkit-clip-path:polygon(0 15%, 100% 15%, 100% 15%, 0 15%);clip-path:polygon(0 15%, 100% 15%, 100% 15%, 0 15%);}
	4%{-webkit-clip-path:polygon(0 10%, 100% 10%, 100% 20%, 0 20%);clip-path:polygon(0 10%, 100% 10%, 100% 20%, 0 20%);}
	6%{-webkit-clip-path:polygon(0 1%, 100% 1%, 100% 2%, 0 2%);clip-path:polygon(0 1%, 100% 1%, 100% 2%, 0 2%);}
	8%{-webkit-clip-path:polygon(0 33%, 100% 33%, 100% 33%, 0 33%);clip-path:polygon(0 33%, 100% 33%, 100% 33%, 0 33%);}
	10%{-webkit-clip-path:polygon(0 44%, 100% 44%, 100% 44%, 0 44%);clip-path:polygon(0 44%, 100% 44%, 100% 44%, 0 44%);}
	12%{-webkit-clip-path:polygon(0 50%, 100% 50%, 100% 20%, 0 20%);clip-path:polygon(0 50%, 100% 50%, 100% 20%, 0 20%);}
	14%{-webkit-clip-path:polygon(0 70%, 100% 70%, 100% 70%, 0 70%);clip-path:polygon(0 70%, 100% 70%, 100% 70%, 0 70%);}
	16%{-webkit-clip-path:polygon(0 80%, 100% 80%, 100% 80%, 0 80%);clip-path:polygon(0 80%, 100% 80%, 100% 80%, 0 80%);}
	18%{-webkit-clip-path:polygon(0 50%, 100% 50%, 100% 55%, 0 55%);clip-path:polygon(0 50%, 100% 50%, 100% 55%, 0 55%);}
	20%{-webkit-clip-path:polygon(0 70%, 100% 70%, 100% 80%, 0 80%);clip-path:polygon(0 70%, 100% 70%, 100% 80%, 0 80%);}
	21.9%{opacity:1;transform:translate3d(var(--gap-horizontal), 0, 0);}
	22%, 100%{opacity:0;transform:translate3d(0, 0, 0);-webkit-clip-path:polygon(0 0, 0 0, 0 0, 0 0);clip-path:polygon(0 0, 0 0, 0 0, 0 0);}
	}
@keyframes glitch-anim-3{
	0%{opacity:1;transform:translate3d(calc(-1 * var(--gap-horizontal)), 0, 0);-webkit-clip-path:polygon(0 25%, 100% 25%, 100% 30%, 0 30%);clip-path:polygon(0 25%, 100% 25%, 100% 30%, 0 30%);}
	3%{-webkit-clip-path:polygon(0 3%, 100% 3%, 100% 3%, 0 3%);clip-path:polygon(0 3%, 100% 3%, 100% 3%, 0 3%);}
	5%{-webkit-clip-path:polygon(0 5%, 100% 5%, 100% 20%, 0 20%);clip-path:polygon(0 5%, 100% 5%, 100% 20%, 0 20%);}
	7%{-webkit-clip-path:polygon(0 20%, 100% 20%, 100% 20%, 0 20%);clip-path:polygon(0 20%, 100% 20%, 100% 20%, 0 20%);}
	9%{-webkit-clip-path:polygon(0 40%, 100% 40%, 100% 40%, 0 40%);clip-path:polygon(0 40%, 100% 40%, 100% 40%, 0 40%);}
	11%{-webkit-clip-path:polygon(0 52%, 100% 52%, 100% 59%, 0 59%);clip-path:polygon(0 52%, 100% 52%, 100% 59%, 0 59%);}
	13%{-webkit-clip-path:polygon(0 60%, 100% 60%, 100% 60%, 0 60%);clip-path:polygon(0 60%, 100% 60%, 100% 60%, 0 60%);}
	15%{-webkit-clip-path:polygon(0 75%, 100% 75%, 100% 75%, 0 75%);clip-path:polygon(0 75%, 100% 75%, 100% 75%, 0 75%);}
	17%{-webkit-clip-path:polygon(0 65%, 100% 65%, 100% 40%, 0 40%);clip-path:polygon(0 65%, 100% 65%, 100% 40%, 0 40%);}
	19%{-webkit-clip-path:polygon(0 45%, 100% 45%, 100% 50%, 0 50%);clip-path:polygon(0 45%, 100% 45%, 100% 50%, 0 50%);}
	20%{-webkit-clip-path:polygon(0 14%, 100% 14%, 100% 33%, 0 33%);clip-path:polygon(0 14%, 100% 14%, 100% 33%, 0 33%);}
	21.9%{opacity:1;transform:translate3d(calc(-1 * var(--gap-horizontal)), 0, 0);}
	22%, 100%{opacity:0;transform:translate3d(0, 0, 0);-webkit-clip-path:polygon(0 0, 0 0, 0 0, 0 0);clip-path:polygon(0 0, 0 0, 0 0, 0 0);}
	}
@keyframes glitch-anim-4{
	0%{opacity:1;transform:translate3d(0, calc(-1 * var(--gap-vertical)), 0) scale3d(-1, -1, 1);-webkit-clip-path:polygon(0 1%, 100% 1%, 100% 3%, 0 3%);clip-path:polygon(0 1%, 100% 1%, 100% 3%, 0 3%);}
	1.5%{-webkit-clip-path:polygon(0 10%, 100% 10%, 100% 9%, 0 9%);clip-path:polygon(0 10%, 100% 10%, 100% 9%, 0 9%);}
	2%{-webkit-clip-path:polygon(0 5%, 100% 5%, 100% 6%, 0 6%);clip-path:polygon(0 5%, 100% 5%, 100% 6%, 0 6%);}
	2.5%{-webkit-clip-path:polygon(0 20%, 100% 20%, 100% 20%, 0 20%);clip-path:polygon(0 20%, 100% 20%, 100% 20%, 0 20%);}
	3%{-webkit-clip-path:polygon(0 10%, 100% 10%, 100% 10%, 0 10%);clip-path:polygon(0 10%, 100% 10%, 100% 10%, 0 10%);}
	5%{-webkit-clip-path:polygon(0 30%, 100% 30%, 100% 25%, 0 25%);clip-path:polygon(0 30%, 100% 30%, 100% 25%, 0 25%);}
	5.5%{-webkit-clip-path:polygon(0 15%, 100% 15%, 100% 16%, 0 16%);clip-path:polygon(0 15%, 100% 15%, 100% 16%, 0 16%);}
	7%{-webkit-clip-path:polygon(0 40%, 100% 40%, 100% 39%, 0 39%);clip-path:polygon(0 40%, 100% 40%, 100% 39%, 0 39%);}
	8%{-webkit-clip-path:polygon(0 20%, 100% 20%, 100% 21%, 0 21%);clip-path:polygon(0 20%, 100% 20%, 100% 21%, 0 21%);}
	9%{-webkit-clip-path:polygon(0 60%, 100% 60%, 100% 55%, 0 55%);clip-path:polygon(0 60%, 100% 60%, 100% 55%, 0 55%);}
	10.5%{-webkit-clip-path:polygon(0 30%, 100% 30%, 100% 31%, 0 31%);clip-path:polygon(0 30%, 100% 30%, 100% 31%, 0 31%);}
	11%{-webkit-clip-path:polygon(0 70%, 100% 70%, 100% 69%, 0 69%);clip-path:polygon(0 70%, 100% 70%, 100% 69%, 0 69%);}
	13%{-webkit-clip-path:polygon(0 40%, 100% 40%, 100% 41%, 0 41%);clip-path:polygon(0 40%, 100% 40%, 100% 41%, 0 41%);}
	14%{-webkit-clip-path:polygon(0 80%, 100% 80%, 100% 75%, 0 75%);clip-path:polygon(0 80%, 100% 80%, 100% 75%, 0 75%);}
	14.5%{-webkit-clip-path:polygon(0 50%, 100% 50%, 100% 51%, 0 51%);clip-path:polygon(0 50%, 100% 50%, 100% 51%, 0 51%);}
	15%{-webkit-clip-path:polygon(0 90%, 100% 90%, 100% 90%, 0 90%);clip-path:polygon(0 90%, 100% 90%, 100% 90%, 0 90%);}
	16%{-webkit-clip-path:polygon(0 60%, 100% 60%, 100% 60%, 0 60%);clip-path:polygon(0 60%, 100% 60%, 100% 60%, 0 60%);}
	18%{-webkit-clip-path:polygon(0 100%, 100% 100%, 100% 99%, 0 99%);clip-path:polygon(0 100%, 100% 100%, 100% 99%, 0 99%);}
	20%{-webkit-clip-path:polygon(0 70%, 100% 70%, 100% 71%, 0 71%);clip-path:polygon(0 70%, 100% 70%, 100% 71%, 0 71%);}
	21.9%{opacity:1;transform:translate3d(0, calc(-1 * var(--gap-vertical)), 0) scale3d(-1, -1, 1);}
	22%, 100%{opacity:0;transform:translate3d(0, 0, 0);-webkit-clip-path:polygon(0 0, 0 0, 0 0, 0 0);clip-path:polygon(0 0, 0 0, 0 0, 0 0);}
	}