* { box-sizing: border-box; }
body {
	background: #000;
	color: #fff;
}
h1 {
	display: block;
	font-family: "Helvetica Neue", Helvetica, sans-serif;
	font-size: 60px;
	font-weight: 400;
	height: 120px;
	left: 50%;
	line-height: 120px;
	margin: -60px 0 0 -180px;
	position: absolute;
	text-align: center;
	top: 50%;
	width: 360px;
}
.glitch {
	text-transform: uppercase;
}
.glitch::before,
.glitch::after {
	background: #000;
	content: attr(data-text);
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	text-align: center;
}
.glitch::before {
	left: 2px;
	text-shadow: -1px 0 1px red;
	-webkit-animation: glitch-anim-1 1.25s infinite linear alternate-reverse;
	animation: glitch-anim-1 1.25s infinite linear alternate-reverse;
}
.glitch::after {
	left: -2px;
	text-shadow: 1px 0 1px blue;
	-webkit-animation: glitch-anim-2 2.5s infinite linear alternate-reverse;
}
@-webkit-keyframes glitch-anim-1 {
	0.00% {
		clip: rect(73px, 360px, 104px, 0px);
	}
	6.67% {
		clip: rect(75px, 360px, 85px, 0px);
	}
	13.33% {
		clip: rect(16px, 360px, 105px, 0px);
	}
	20.00% {
		clip: rect(111px, 360px, 112px, 0px);
	}
	26.67% {
		clip: rect(6px, 360px, 26px, 0px);
	}
	33.33% {
		clip: rect(8px, 360px, 32px, 0px);
	}
	40.00% {
		clip: rect(92px, 360px, 100px, 0px);
	}
	46.67% {
		clip: rect(117px, 360px, 117px, 0px);
	}
	53.33% {
		clip: rect(27px, 360px, 62px, 0px);
	}
	60.00% {
		clip: rect(0px, 360px, 57px, 0px);
	}
	66.67% {
		clip: rect(28px, 360px, 107px, 0px);
	}
	73.33% {
		clip: rect(16px, 360px, 69px, 0px);
	}
	80.00% {
		clip: rect(108px, 360px, 108px, 0px);
	}
	86.67% {
		clip: rect(20px, 360px, 99px, 0px);
	}
	93.33% {
		clip: rect(104px, 360px, 107px, 0px);
	}
	100.00% {
		clip: rect(43px, 360px, 76px, 0px);
	}
}
@-webkit-keyframes glitch-anim-2 {
	0.00% {
		clip: rect(98px, 360px, 107px, 0px);
	}
	6.67% {
		clip: rect(7px, 360px, 18px, 0px);
	}
	13.33% {
		clip: rect(105px, 360px, 111px, 0px);
	}
	20.00% {
		clip: rect(12px, 360px, 32px, 0px);
	}
	26.67% {
		clip: rect(95px, 360px, 106px, 0px);
	}
	33.33% {
		clip: rect(50px, 360px, 97px, 0px);
	}
	40.00% {
		clip: rect(26px, 360px, 27px, 0px);
	}
	46.67% {
		clip: rect(16px, 360px, 63px, 0px);
	}
	53.33% {
		clip: rect(20px, 360px, 82px, 0px);
	}
	60.00% {
		clip: rect(104px, 360px, 105px, 0px);
	}
	66.67% {
		clip: rect(64px, 360px, 91px, 0px);
	}
	73.33% {
		clip: rect(108px, 360px, 115px, 0px);
	}
	80.00% {
		clip: rect(40px, 360px, 63px, 0px);
	}
	86.67% {
		clip: rect(60px, 360px, 85px, 0px);
	}
	93.33% {
		clip: rect(88px, 360px, 106px, 0px);
	}
	100.00% {
		clip: rect(14px, 360px, 102px, 0px);
	}
}