@import url('https://fonts.googleapis.com/css?family=Montserrat:100');
.glitch {
	position: relative;
	color: white;
	font-size: 4em;
	letter-spacing: 0em;
	animation: glitch-skew 1s infinite linear alternate-reverse;
}
.glitch::before {
	content: attr(data-text);
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	left: 2px;
	text-shadow: -2px 0 #ff00c1;
	clip: rect(44px, 450px, 56px, 0);
	animation: glitch-anim 5s infinite linear alternate-reverse;
}
.glitch::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;
}
@keyframes glitch-anim {
	0% {
		clip: rect(89px, 9999px, 82px, 0);
		transform: skew(0.05deg);
	}
	5% {
		clip: rect(64px, 9999px, 73px, 0);
		transform: skew(0.35deg);
	}
	10% {
		clip: rect(89px, 9999px, 55px, 0);
		transform: skew(0.24deg);
	}
	15% {
		clip: rect(95px, 9999px, 29px, 0);
		transform: skew(0.02deg);
	}
	20% {
		clip: rect(75px, 9999px, 68px, 0);
		transform: skew(0.92deg);
	}
	25% {
		clip: rect(93px, 9999px, 33px, 0);
		transform: skew(0.81deg);
	}
	30% {
		clip: rect(14px, 9999px, 3px, 0);
		transform: skew(0.82deg);
	}
	35% {
		clip: rect(55px, 9999px, 99px, 0);
		transform: skew(0.04deg);
	}
	40% {
		clip: rect(25px, 9999px, 48px, 0);
		transform: skew(0.69deg);
	}
	45% {
		clip: rect(41px, 9999px, 26px, 0);
		transform: skew(0.35deg);
	}
	50% {
		clip: rect(71px, 9999px, 74px, 0);
		transform: skew(0.79deg);
	}
	55% {
		clip: rect(97px, 9999px, 21px, 0);
		transform: skew(0.21deg);
	}
	60% {
		clip: rect(82px, 9999px, 55px, 0);
		transform: skew(0.94deg);
	}
	65% {
		clip: rect(11px, 9999px, 45px, 0);
		transform: skew(0.84deg);
	}
	70% {
		clip: rect(16px, 9999px, 56px, 0);
		transform: skew(0.03deg);
	}
	75% {
		clip: rect(73px, 9999px, 38px, 0);
		transform: skew(0.58deg);
	}
	80% {
		clip: rect(30px, 9999px, 93px, 0);
		transform: skew(0.93deg);
	}
	85% {
		clip: rect(4px, 9999px, 10px, 0);
		transform: skew(0.15deg);
	}
	90% {
		clip: rect(19px, 9999px, 23px, 0);
		transform: skew(0.94deg);
	}
	95% {
		clip: rect(45px, 9999px, 38px, 0);
		transform: skew(0.15deg);
	}
	100% {
		clip: rect(26px, 9999px, 72px, 0);
		transform: skew(0.98deg);
	}
}
 @keyframes glitch-anim2 {
	0% {
		clip: rect(7px, 9999px, 37px, 0);
		transform: skew(0.1deg);
	}
	5% {
		clip: rect(36px, 9999px, 46px, 0);
		transform: skew(0.3deg);
	}
	10% {
		clip: rect(55px, 9999px, 57px, 0);
		transform: skew(0.05deg);
	}
	15% {
		clip: rect(3px, 9999px, 8px, 0);
		transform: skew(0.94deg);
	}
	20% {
		clip: rect(60px, 9999px, 52px, 0);
		transform: skew(0.32deg);
	}
	25% {
		clip: rect(83px, 9999px, 31px, 0);
		transform: skew(0.26deg);
	}
	30% {
		clip: rect(50px, 9999px, 93px, 0);
		transform: skew(0.38deg);
	}
	35% {
		clip: rect(50px, 9999px, 66px, 0);
		transform: skew(0.2deg);
	}
	40% {
		clip: rect(15px, 9999px, 72px, 0);
		transform: skew(0.52deg);
	}
	45% {
		clip: rect(59px, 9999px, 13px, 0);
		transform: skew(0.01deg);
	}
	50% {
		clip: rect(90px, 9999px, 94px, 0);
		transform: skew(0.21deg);
	}
	55% {
		clip: rect(65px, 9999px, 44px, 0);
		transform: skew(0.7deg);
	}
	60% {
		clip: rect(67px, 9999px, 47px, 0);
		transform: skew(0.18deg);
	}
	65% {
		clip: rect(45px, 9999px, 57px, 0);
		transform: skew(0.91deg);
	}
	70% {
		clip: rect(76px, 9999px, 25px, 0);
		transform: skew(0.77deg);
	}
	75% {
		clip: rect(64px, 9999px, 81px, 0);
		transform: skew(0.44deg);
	}
	80% {
		clip: rect(25px, 9999px, 71px, 0);
		transform: skew(0.17deg);
	}
	85% {
		clip: rect(14px, 9999px, 43px, 0);
		transform: skew(0.46deg);
	}
	90% {
		clip: rect(43px, 9999px, 16px, 0);
		transform: skew(0.23deg);
	}
	95% {
		clip: rect(59px, 9999px, 36px, 0);
		transform: skew(0.11deg);
	}
	100% {
		clip: rect(68px, 9999px, 20px, 0);
		transform: skew(0.54deg);
	}
}
 @keyframes glitch-skew {
	0% {
		transform: skew(5deg);
	}
	10% {
		transform: skew(-4deg);
	}
	20% {
		transform: skew(4deg);
	}
	30% {
		transform: skew(4deg);
	}
	40% {
		transform: skew(5deg);
	}
	50% {
		transform: skew(-3deg);
	}
	60% {
		transform: skew(2deg);
	}
	70% {
		transform: skew(5deg);
	}
	80% {
		transform: skew(-3deg);
	}
	90% {
		transform: skew(0deg);
	}
	100% {
		transform: skew(0deg);
	}
}