:root {
  --textDark: 27, 31, 39;
  --textLight: 255, 255, 255;
  --links: 255, 80, 0;
}
/* -----------ANIMATIONS------------- */
.hex-animation__true .mask-hex {
  will-change: filter;
  overflow: visible;
  animation: svg-flicker 15s linear infinite;
}
.hex-animation__true .mask-hex.flicker svg,
.hex-animation__true .mask-hex.flicker img {
  animation: hex-flicker 14s linear infinite;
}
@keyframes svg-flicker {
  0%,2%,3% {
    opacity:0.1;
  }
  0.5%,2.5%,5%,7% {
    opacity:1;
  }
  6% {
    opacity:0.3;
  }
  17% {
    opacity:0.7;
  }
  18% {
    opacity:0.2;
  }
  19%,100% {
    opacity:.9;
  }
}
@keyframes hex-flicker {
  0%,0.5%,5% {
    opacity:0.1;
  }
  1%,4.5%,6%,20%,22%,30.5%,31.5%,32.5% {
    opacity:1;
  }
  21%,24%,30%,31%,32% {
    opacity: 0.4;
  }
}
.glitch-effect:hover > span,
.glitch-effect:focus > span{
  position: relative;
  /* Animation provides a slight random skew. Check bottom of doc
   for more information on how to random skew. */
  animation: glitch-skew 1s infinite linear alternate-reverse;
}
.glitch-effect:hover > span::before,
.glitch-effect:focus > span::before{
  content: attr(data-text);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  left: 2px;
  text-shadow: -2px 0 #ff00c1;
  /* Creates an initial clip for our glitch. This works in
   a typical top,right,bottom,left fashion and creates a mask
   to only show a certain part of the glitch at a time. */
  clip: rect(44px, 450px, 56px, 0);
  /* Runs our glitch-anim defined below to run in a 5s loop, infinitely,
   with an alternating animation to keep things fresh. */
  animation: glitch-anim 5s infinite linear alternate-reverse;
}
.glitch-effect:hover > span::after,
.glitch-effect:focus > span::after {
  content: attr(data-text);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  left: -2px;
  text-shadow: -2px 0 #00fff9, 2px 2px #ff00c1;
  animation: glitch-anim2 1s infinite linear alternate-reverse;
}
@-webkit-keyframes glitch-anim {
  0% {
    clip: rect(57px, 9999px, 44px, 0);
    -webkit-transform: skew(0.85deg);
            transform: skew(0.85deg);
  }
  5% {
    clip: rect(28px, 9999px, 63px, 0);
    -webkit-transform: skew(0.35deg);
            transform: skew(0.35deg);
  }
  10% {
    clip: rect(4px, 9999px, 69px, 0);
    -webkit-transform: skew(0.71deg);
            transform: skew(0.71deg);
  }
  15% {
    clip: rect(46px, 9999px, 71px, 0);
    -webkit-transform: skew(0.68deg);
            transform: skew(0.68deg);
  }
  20% {
    clip: rect(46px, 9999px, 64px, 0);
    -webkit-transform: skew(0.07deg);
            transform: skew(0.07deg);
  }
  25% {
    clip: rect(2px, 9999px, 11px, 0);
    -webkit-transform: skew(0.33deg);
            transform: skew(0.33deg);
  }
  30% {
    clip: rect(77px, 9999px, 65px, 0);
    -webkit-transform: skew(0.23deg);
            transform: skew(0.23deg);
  }
  35% {
    clip: rect(60px, 9999px, 57px, 0);
    -webkit-transform: skew(0.45deg);
            transform: skew(0.45deg);
  }
  40% {
    clip: rect(72px, 9999px, 1px, 0);
    -webkit-transform: skew(0.56deg);
            transform: skew(0.56deg);
  }
  45% {
    clip: rect(55px, 9999px, 62px, 0);
    -webkit-transform: skew(1deg);
            transform: skew(1deg);
  }
  50% {
    clip: rect(26px, 9999px, 80px, 0);
    -webkit-transform: skew(0.23deg);
            transform: skew(0.23deg);
  }
  55% {
    clip: rect(38px, 9999px, 52px, 0);
    -webkit-transform: skew(0.78deg);
            transform: skew(0.78deg);
  }
  60% {
    clip: rect(79px, 9999px, 96px, 0);
    -webkit-transform: skew(0.33deg);
            transform: skew(0.33deg);
  }
  65% {
    clip: rect(25px, 9999px, 52px, 0);
    -webkit-transform: skew(0.26deg);
            transform: skew(0.26deg);
  }
  70% {
    clip: rect(3px, 9999px, 22px, 0);
    -webkit-transform: skew(0.57deg);
            transform: skew(0.57deg);
  }
  75% {
    clip: rect(60px, 9999px, 34px, 0);
    -webkit-transform: skew(0.58deg);
            transform: skew(0.58deg);
  }
  80% {
    clip: rect(7px, 9999px, 4px, 0);
    -webkit-transform: skew(0.35deg);
            transform: skew(0.35deg);
  }
  85% {
    clip: rect(98px, 9999px, 20px, 0);
    -webkit-transform: skew(0.49deg);
            transform: skew(0.49deg);
  }
  90% {
    clip: rect(31px, 9999px, 35px, 0);
    -webkit-transform: skew(0.05deg);
            transform: skew(0.05deg);
  }
  95% {
    clip: rect(35px, 9999px, 44px, 0);
    -webkit-transform: skew(0.81deg);
            transform: skew(0.81deg);
  }
  100% {
    clip: rect(60px, 9999px, 28px, 0);
    -webkit-transform: skew(0.85deg);
            transform: skew(0.85deg);
  }
}
@keyframes glitch-anim {
  0% {
    clip: rect(57px, 9999px, 44px, 0);
    -webkit-transform: skew(0.85deg);
            transform: skew(0.85deg);
  }
  5% {
    clip: rect(28px, 9999px, 63px, 0);
    -webkit-transform: skew(0.35deg);
            transform: skew(0.35deg);
  }
  10% {
    clip: rect(4px, 9999px, 69px, 0);
    -webkit-transform: skew(0.71deg);
            transform: skew(0.71deg);
  }
  15% {
    clip: rect(46px, 9999px, 71px, 0);
    -webkit-transform: skew(0.68deg);
            transform: skew(0.68deg);
  }
  20% {
    clip: rect(46px, 9999px, 64px, 0);
    -webkit-transform: skew(0.07deg);
            transform: skew(0.07deg);
  }
  25% {
    clip: rect(2px, 9999px, 11px, 0);
    -webkit-transform: skew(0.33deg);
            transform: skew(0.33deg);
  }
  30% {
    clip: rect(77px, 9999px, 65px, 0);
    -webkit-transform: skew(0.23deg);
            transform: skew(0.23deg);
  }
  35% {
    clip: rect(60px, 9999px, 57px, 0);
    -webkit-transform: skew(0.45deg);
            transform: skew(0.45deg);
  }
  40% {
    clip: rect(72px, 9999px, 1px, 0);
    -webkit-transform: skew(0.56deg);
            transform: skew(0.56deg);
  }
  45% {
    clip: rect(55px, 9999px, 62px, 0);
    -webkit-transform: skew(1deg);
            transform: skew(1deg);
  }
  50% {
    clip: rect(26px, 9999px, 80px, 0);
    -webkit-transform: skew(0.23deg);
            transform: skew(0.23deg);
  }
  55% {
    clip: rect(38px, 9999px, 52px, 0);
    -webkit-transform: skew(0.78deg);
            transform: skew(0.78deg);
  }
  60% {
    clip: rect(79px, 9999px, 96px, 0);
    -webkit-transform: skew(0.33deg);
            transform: skew(0.33deg);
  }
  65% {
    clip: rect(25px, 9999px, 52px, 0);
    -webkit-transform: skew(0.26deg);
            transform: skew(0.26deg);
  }
  70% {
    clip: rect(3px, 9999px, 22px, 0);
    -webkit-transform: skew(0.57deg);
            transform: skew(0.57deg);
  }
  75% {
    clip: rect(60px, 9999px, 34px, 0);
    -webkit-transform: skew(0.58deg);
            transform: skew(0.58deg);
  }
  80% {
    clip: rect(7px, 9999px, 4px, 0);
    -webkit-transform: skew(0.35deg);
            transform: skew(0.35deg);
  }
  85% {
    clip: rect(98px, 9999px, 20px, 0);
    -webkit-transform: skew(0.49deg);
            transform: skew(0.49deg);
  }
  90% {
    clip: rect(31px, 9999px, 35px, 0);
    -webkit-transform: skew(0.05deg);
            transform: skew(0.05deg);
  }
  95% {
    clip: rect(35px, 9999px, 44px, 0);
    -webkit-transform: skew(0.81deg);
            transform: skew(0.81deg);
  }
  100% {
    clip: rect(60px, 9999px, 28px, 0);
    -webkit-transform: skew(0.85deg);
            transform: skew(0.85deg);
  }
}
@-webkit-keyframes glitch-anim2 {
  0% {
    clip: rect(84px, 9999px, 57px, 0);
    -webkit-transform: skew(0.4deg);
            transform: skew(0.4deg);
  }
  5% {
    clip: rect(57px, 9999px, 7px, 0);
    -webkit-transform: skew(0.31deg);
            transform: skew(0.31deg);
  }
  10% {
    clip: rect(30px, 9999px, 82px, 0);
    -webkit-transform: skew(0.51deg);
            transform: skew(0.51deg);
  }
  15% {
    clip: rect(6px, 9999px, 91px, 0);
    -webkit-transform: skew(0.16deg);
            transform: skew(0.16deg);
  }
  20% {
    clip: rect(45px, 9999px, 22px, 0);
    -webkit-transform: skew(0.98deg);
            transform: skew(0.98deg);
  }
  25% {
    clip: rect(68px, 9999px, 73px, 0);
    -webkit-transform: skew(0.27deg);
            transform: skew(0.27deg);
  }
  30% {
    clip: rect(54px, 9999px, 43px, 0);
    -webkit-transform: skew(0.97deg);
            transform: skew(0.97deg);
  }
  35% {
    clip: rect(27px, 9999px, 48px, 0);
    -webkit-transform: skew(0.17deg);
            transform: skew(0.17deg);
  }
  40% {
    clip: rect(29px, 9999px, 51px, 0);
    -webkit-transform: skew(0.86deg);
            transform: skew(0.86deg);
  }
  45% {
    clip: rect(69px, 9999px, 27px, 0);
    -webkit-transform: skew(0.87deg);
            transform: skew(0.87deg);
  }
  50% {
    clip: rect(30px, 9999px, 31px, 0);
    -webkit-transform: skew(0.87deg);
            transform: skew(0.87deg);
  }
  55% {
    clip: rect(59px, 9999px, 24px, 0);
    -webkit-transform: skew(0.74deg);
            transform: skew(0.74deg);
  }
  60% {
    clip: rect(36px, 9999px, 46px, 0);
    -webkit-transform: skew(0.46deg);
            transform: skew(0.46deg);
  }
  65% {
    clip: rect(20px, 9999px, 53px, 0);
    -webkit-transform: skew(0.85deg);
            transform: skew(0.85deg);
  }
  70% {
    clip: rect(12px, 9999px, 21px, 0);
    -webkit-transform: skew(0.42deg);
            transform: skew(0.42deg);
  }
  75% {
    clip: rect(41px, 9999px, 45px, 0);
    -webkit-transform: skew(0.03deg);
            transform: skew(0.03deg);
  }
  80% {
    clip: rect(51px, 9999px, 47px, 0);
    -webkit-transform: skew(0.74deg);
            transform: skew(0.74deg);
  }
  85% {
    clip: rect(96px, 9999px, 51px, 0);
    -webkit-transform: skew(0.45deg);
            transform: skew(0.45deg);
  }
  90% {
    clip: rect(23px, 9999px, 61px, 0);
    -webkit-transform: skew(0.21deg);
            transform: skew(0.21deg);
  }
  95% {
    clip: rect(73px, 9999px, 46px, 0);
    -webkit-transform: skew(0.36deg);
            transform: skew(0.36deg);
  }
  100% {
    clip: rect(53px, 9999px, 3px, 0);
    -webkit-transform: skew(0.84deg);
            transform: skew(0.84deg);
  }
}
@keyframes glitch-anim2 {
  0% {
    clip: rect(84px, 9999px, 57px, 0);
    -webkit-transform: skew(0.4deg);
            transform: skew(0.4deg);
  }
  5% {
    clip: rect(57px, 9999px, 7px, 0);
    -webkit-transform: skew(0.31deg);
            transform: skew(0.31deg);
  }
  10% {
    clip: rect(30px, 9999px, 82px, 0);
    -webkit-transform: skew(0.51deg);
            transform: skew(0.51deg);
  }
  15% {
    clip: rect(6px, 9999px, 91px, 0);
    -webkit-transform: skew(0.16deg);
            transform: skew(0.16deg);
  }
  20% {
    clip: rect(45px, 9999px, 22px, 0);
    -webkit-transform: skew(0.98deg);
            transform: skew(0.98deg);
  }
  25% {
    clip: rect(68px, 9999px, 73px, 0);
    -webkit-transform: skew(0.27deg);
            transform: skew(0.27deg);
  }
  30% {
    clip: rect(54px, 9999px, 43px, 0);
    -webkit-transform: skew(0.97deg);
            transform: skew(0.97deg);
  }
  35% {
    clip: rect(27px, 9999px, 48px, 0);
    -webkit-transform: skew(0.17deg);
            transform: skew(0.17deg);
  }
  40% {
    clip: rect(29px, 9999px, 51px, 0);
    -webkit-transform: skew(0.86deg);
            transform: skew(0.86deg);
  }
  45% {
    clip: rect(69px, 9999px, 27px, 0);
    -webkit-transform: skew(0.87deg);
            transform: skew(0.87deg);
  }
  50% {
    clip: rect(30px, 9999px, 31px, 0);
    -webkit-transform: skew(0.87deg);
            transform: skew(0.87deg);
  }
  55% {
    clip: rect(59px, 9999px, 24px, 0);
    -webkit-transform: skew(0.74deg);
            transform: skew(0.74deg);
  }
  60% {
    clip: rect(36px, 9999px, 46px, 0);
    -webkit-transform: skew(0.46deg);
            transform: skew(0.46deg);
  }
  65% {
    clip: rect(20px, 9999px, 53px, 0);
    -webkit-transform: skew(0.85deg);
            transform: skew(0.85deg);
  }
  70% {
    clip: rect(12px, 9999px, 21px, 0);
    -webkit-transform: skew(0.42deg);
            transform: skew(0.42deg);
  }
  75% {
    clip: rect(41px, 9999px, 45px, 0);
    -webkit-transform: skew(0.03deg);
            transform: skew(0.03deg);
  }
  80% {
    clip: rect(51px, 9999px, 47px, 0);
    -webkit-transform: skew(0.74deg);
            transform: skew(0.74deg);
  }
  85% {
    clip: rect(96px, 9999px, 51px, 0);
    -webkit-transform: skew(0.45deg);
            transform: skew(0.45deg);
  }
  90% {
    clip: rect(23px, 9999px, 61px, 0);
    -webkit-transform: skew(0.21deg);
            transform: skew(0.21deg);
  }
  95% {
    clip: rect(73px, 9999px, 46px, 0);
    -webkit-transform: skew(0.36deg);
            transform: skew(0.36deg);
  }
  100% {
    clip: rect(53px, 9999px, 3px, 0);
    -webkit-transform: skew(0.84deg);
            transform: skew(0.84deg);
  }
}
@-webkit-keyframes glitch-skew {
  0% {
    -webkit-transform: skew(5deg);
            transform: skew(5deg);
  }
  10% {
    -webkit-transform: skew(-1deg);
            transform: skew(-1deg);
  }
  20% {
    -webkit-transform: skew(-2deg);
            transform: skew(-2deg);
  }
  30% {
    -webkit-transform: skew(2deg);
            transform: skew(2deg);
  }
  40% {
    -webkit-transform: skew(4deg);
            transform: skew(4deg);
  }
  50% {
    -webkit-transform: skew(1deg);
            transform: skew(1deg);
  }
  60% {
    -webkit-transform: skew(-4deg);
            transform: skew(-4deg);
  }
  70% {
    -webkit-transform: skew(-4deg);
            transform: skew(-4deg);
  }
  80% {
    -webkit-transform: skew(2deg);
            transform: skew(2deg);
  }
  90% {
    -webkit-transform: skew(-3deg);
            transform: skew(-3deg);
  }
  100% {
    -webkit-transform: skew(-3deg);
            transform: skew(-3deg);
  }
}
@keyframes glitch-skew {
  0% {
    -webkit-transform: skew(5deg);
            transform: skew(5deg);
  }
  10% {
    -webkit-transform: skew(-1deg);
            transform: skew(-1deg);
  }
  20% {
    -webkit-transform: skew(-2deg);
            transform: skew(-2deg);
  }
  30% {
    -webkit-transform: skew(2deg);
            transform: skew(2deg);
  }
  40% {
    -webkit-transform: skew(4deg);
            transform: skew(4deg);
  }
  50% {
    -webkit-transform: skew(1deg);
            transform: skew(1deg);
  }
  60% {
    -webkit-transform: skew(-4deg);
            transform: skew(-4deg);
  }
  70% {
    -webkit-transform: skew(-4deg);
            transform: skew(-4deg);
  }
  80% {
    -webkit-transform: skew(2deg);
            transform: skew(2deg);
  }
  90% {
    -webkit-transform: skew(-3deg);
            transform: skew(-3deg);
  }
  100% {
    -webkit-transform: skew(-3deg);
            transform: skew(-3deg);
  }
}
.glitch {
	--color-text: #fff;
	--glitch-width: 100%;
	--glitch-height: 100%;
	--gap-horizontal: 10px;
	--gap-vertical: 5px;
	--time-anim: 3s;
	--delay-anim: 1s;
	--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;
}
/* Glitch styles */
.glitch {
	position: absolute;
	top: 0;
	left: 0;
	width: var(--glitch-width);
	height: var(--glitch-height);
	overflow: hidden;
}
.glitch__img {
	position: absolute;
	top: calc(-1 * var(--gap-vertical));
	left: calc(-1 * var(--gap-horizontal));
	width: calc(100% + var(--gap-horizontal) * 2);
	height: calc(100% + var(--gap-vertical) * 2);
	background: url(../img/img1.jpg) no-repeat 50% 0;
	background-color: var(--blend-color-1);
	background-size: cover;
	-webkit-transform: translate3d(0,0,0);
	        transform: translate3d(0,0,0);
	background-blend-mode: var(--blend-mode-1);
}
.glitch__img:nth-child(n+2) {
	opacity: 0;
}
.glitch__img:nth-child(n+2) {
	-webkit-animation-duration: var(--time-anim);
	        animation-duration: var(--time-anim);
	-webkit-animation-delay: var(--delay-anim);
	        animation-delay: var(--delay-anim);
	-webkit-animation-timing-function: linear;
	        animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
	        animation-iteration-count: infinite;
}
.glitch__img:nth-child(2) {
	background-color: var(--blend-color-2);
	background-blend-mode: var(--blend-mode-2);
	-webkit-animation-name: glitch-anim-1;
	        animation-name: glitch-anim-1;
}
.glitch__img:nth-child(3) {
	background-color: var(--blend-color-3);
	background-blend-mode: var(--blend-mode-3);
	-webkit-animation-name: glitch-anim-2;
	        animation-name: glitch-anim-2;
}
.glitch__img:nth-child(4) {
	background-color: var(--blend-color-4);
	background-blend-mode: var(--blend-mode-4);
	-webkit-animation-name: glitch-anim-3;
	        animation-name: glitch-anim-3;
}
.glitch__img:nth-child(5) {
	background-color: var(--blend-color-5);
	background-blend-mode: var(--blend-mode-5);
	-webkit-animation-name: glitch-anim-flash;
	        animation-name: glitch-anim-flash;
}
@-webkit-keyframes glitch-anim-1 {
	0% {
		opacity: 1;
		-webkit-transform: translate3d(var(--gap-horizontal),0,0);
		        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;
		-webkit-transform: translate3d(var(--gap-horizontal),0,0);
		        transform: translate3d(var(--gap-horizontal),0,0);
	}
	22%, 100% {
		opacity: 0;
		-webkit-transform: translate3d(0,0,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-1 {
	0% {
		opacity: 1;
		-webkit-transform: translate3d(var(--gap-horizontal),0,0);
		        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;
		-webkit-transform: translate3d(var(--gap-horizontal),0,0);
		        transform: translate3d(var(--gap-horizontal),0,0);
	}
	22%, 100% {
		opacity: 0;
		-webkit-transform: translate3d(0,0,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);
	}
}

@-webkit-keyframes glitch-anim-2 {
	0% { 
		opacity: 1;
		-webkit-transform: translate3d(calc(-1 * var(--gap-horizontal)),0,0);
		        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;
		-webkit-transform: translate3d(calc(-1 * var(--gap-horizontal)),0,0);
		        transform: translate3d(calc(-1 * var(--gap-horizontal)),0,0);
	}
	22%, 100% {
		opacity: 0;
		-webkit-transform: translate3d(0,0,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-2 {
	0% {
		opacity: 1;
		-webkit-transform: translate3d(calc(-1 * var(--gap-horizontal)),0,0);
		        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;
		-webkit-transform: translate3d(calc(-1 * var(--gap-horizontal)),0,0);
		        transform: translate3d(calc(-1 * var(--gap-horizontal)),0,0);
	}
	22%, 100% {
		opacity: 0;
		-webkit-transform: translate3d(0,0,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);
	}
}
@-webkit-keyframes glitch-anim-3 {
	0% {
		opacity: 1;
		-webkit-transform: translate3d(0, calc(-1 * var(--gap-vertical)), 0) scale3d(-1,-1,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;
		-webkit-transform: translate3d(0, calc(-1 * var(--gap-vertical)), 0) scale3d(-1,-1,1);
		        transform: translate3d(0, calc(-1 * var(--gap-vertical)), 0) scale3d(-1,-1,1);
	}
	22%, 100% {
		opacity: 0;
		-webkit-transform: translate3d(0,0,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;
		-webkit-transform: translate3d(0, calc(-1 * var(--gap-vertical)), 0) scale3d(-1,-1,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;
		-webkit-transform: translate3d(0, calc(-1 * var(--gap-vertical)), 0) scale3d(-1,-1,1);
		        transform: translate3d(0, calc(-1 * var(--gap-vertical)), 0) scale3d(-1,-1,1);
	}
	22%, 100% {
		opacity: 0;
		-webkit-transform: translate3d(0,0,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);
	}
}
@-webkit-keyframes glitch-anim-text {
	0% {
		-webkit-transform: translate3d(calc(-1 * var(--gap-horizontal)),0,0) scale3d(-1,-1,1);
		        transform: translate3d(calc(-1 * var(--gap-horizontal)),0,0) scale3d(-1,-1,1);
		-webkit-clip-path: polygon(0 20%, 100% 20%, 100% 21%, 0 21%);
		clip-path: polygon(0 20%, 100% 20%, 100% 21%, 0 21%);
	}
	2% {
		-webkit-clip-path: polygon(0 33%, 100% 33%, 100% 33%, 0 33%);
		clip-path: polygon(0 33%, 100% 33%, 100% 33%, 0 33%);
	}
	4% {
		-webkit-clip-path: polygon(0 44%, 100% 44%, 100% 44%, 0 44%);
		clip-path: polygon(0 44%, 100% 44%, 100% 44%, 0 44%);
	}
	5% {
		-webkit-clip-path: polygon(0 50%, 100% 50%, 100% 20%, 0 20%);
		clip-path: polygon(0 50%, 100% 50%, 100% 20%, 0 20%);
	}
	6% {
		-webkit-clip-path: polygon(0 70%, 100% 70%, 100% 70%, 0 70%);
		clip-path: polygon(0 70%, 100% 70%, 100% 70%, 0 70%);
	}
	7% {
		-webkit-clip-path: polygon(0 80%, 100% 80%, 100% 80%, 0 80%);
		clip-path: polygon(0 80%, 100% 80%, 100% 80%, 0 80%);
	}
	8% {
		-webkit-clip-path: polygon(0 50%, 100% 50%, 100% 55%, 0 55%);
		clip-path: polygon(0 50%, 100% 50%, 100% 55%, 0 55%);
	}
	9% {
		-webkit-clip-path: polygon(0 70%, 100% 70%, 100% 80%, 0 80%);
		clip-path: polygon(0 70%, 100% 70%, 100% 80%, 0 80%);
	}
	9.9% {
		-webkit-transform: translate3d(calc(-1 * var(--gap-horizontal)),0,0) scale3d(-1,-1,1);
		        transform: translate3d(calc(-1 * var(--gap-horizontal)),0,0) scale3d(-1,-1,1);
	}
	10%, 100% {
		-webkit-transform: translate3d(0,0,0) scale3d(1,1,1);
		        transform: translate3d(0,0,0) scale3d(1,1,1);
		-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
		clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
	}
}
@keyframes glitch-anim-text {
	0% {
		-webkit-transform: translate3d(calc(-1 * var(--gap-horizontal)),0,0) scale3d(-1,-1,1); 
		        transform: translate3d(calc(-1 * var(--gap-horizontal)),0,0) scale3d(-1,-1,1);
		-webkit-clip-path: polygon(0 20%, 100% 20%, 100% 21%, 0 21%);
		clip-path: polygon(0 20%, 100% 20%, 100% 21%, 0 21%);
	}
	2% {
		-webkit-clip-path: polygon(0 33%, 100% 33%, 100% 33%, 0 33%);
		clip-path: polygon(0 33%, 100% 33%, 100% 33%, 0 33%);
	}
	4% {
		-webkit-clip-path: polygon(0 44%, 100% 44%, 100% 44%, 0 44%);
		clip-path: polygon(0 44%, 100% 44%, 100% 44%, 0 44%);
	}
	5% {
		-webkit-clip-path: polygon(0 50%, 100% 50%, 100% 20%, 0 20%);
		clip-path: polygon(0 50%, 100% 50%, 100% 20%, 0 20%);
	}
	6% {
		-webkit-clip-path: polygon(0 70%, 100% 70%, 100% 70%, 0 70%);
		clip-path: polygon(0 70%, 100% 70%, 100% 70%, 0 70%);
	}
	7% {
		-webkit-clip-path: polygon(0 80%, 100% 80%, 100% 80%, 0 80%);
		clip-path: polygon(0 80%, 100% 80%, 100% 80%, 0 80%);
	}
	8% {
		-webkit-clip-path: polygon(0 50%, 100% 50%, 100% 55%, 0 55%);
		clip-path: polygon(0 50%, 100% 50%, 100% 55%, 0 55%);
	}
	9% {
		-webkit-clip-path: polygon(0 70%, 100% 70%, 100% 80%, 0 80%);
		clip-path: polygon(0 70%, 100% 70%, 100% 80%, 0 80%);
	}
	9.9% {
		-webkit-transform: translate3d(calc(-1 * var(--gap-horizontal)),0,0) scale3d(-1,-1,1);
		        transform: translate3d(calc(-1 * var(--gap-horizontal)),0,0) scale3d(-1,-1,1);
	}
	10%, 100% {
		-webkit-transform: translate3d(0,0,0) scale3d(1,1,1);
		        transform: translate3d(0,0,0) scale3d(1,1,1);
		-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
		clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
	}
}
/* Flash */
@-webkit-keyframes glitch-anim-flash {
	0%, 5% {
		opacity: 0.2; 
		-webkit-transform: translate3d(var(--gap-horizontal), var(--gap-vertical), 0); 
		        transform: translate3d(var(--gap-horizontal), var(--gap-vertical), 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(--gap-horizontal), var(--gap-vertical), 0); 
		        transform: translate3d(var(--gap-horizontal), var(--gap-vertical), 0);
	}
	5.5%, 100% {
		opacity: 0;
		-webkit-transform: translate3d(0, 0, 0);
		        transform: translate3d(0, 0, 0);
	}
}