.glitch-wrapper{justify-content:center;align-items:center;display:flex}.glitch{position:relative}h1.glitch{letter-spacing:-1px;font-size:6em;font-weight:800}.glitch:after,.glitch:before{content:attr(data);background:#222;position:absolute;top:0;overflow:hidden}.glitch:before{text-shadow:-2px 0 red;animation:2s linear infinite alternate-reverse glitch-animation-1;left:3px}.glitch:after{text-shadow:-2px 0 #00f;animation:2s linear infinite alternate-reverse glitch-animation-2;left:-3px}@keyframes glitch-animation-1{0%{clip:rect(20px,auto,31px,0)}5%{clip:rect(54px,auto,38px,0)}10%{clip:rect(128px,auto,37px,0)}15%{clip:rect(78px,auto,132px,0)}20%{clip:rect(58px,auto,93px,0)}25%{clip:rect(146px,auto,107px,0)}30%{clip:rect(137px,auto,131px,0)}35%{clip:rect(140px,auto,138px,0)}40%{clip:rect(116px,auto,134px,0)}45%{clip:rect(49px,auto,91px,0)}50%{clip:rect(78px,auto,59px,0)}55%{clip:rect(79px,auto,112px,0)}60%{clip:rect(53px,auto,35px,0)}65%{clip:rect(22px,auto,43px,0)}70%{clip:rect(44px,auto,136px,0)}75%{clip:rect(96px,auto,90px,0)}80%{clip:rect(127px,auto,75px,0)}85%{clip:rect(18px,auto,144px,0)}90%{clip:rect(143px,auto,124px,0)}95%{clip:rect(100px,auto,121px,0)}to{clip:rect(26px,auto,7px,0)}}@keyframes glitch-animation-2{0%{clip:rect(7px,auto,85px,0)}5%{clip:rect(34px,auto,2px,0)}10%{clip:rect(108px,auto,85px,0)}15%{clip:rect(53px,auto,101px,0)}20%{clip:rect(146px,auto,124px,0)}25%{clip:rect(139px,auto,90px,0)}30%{clip:rect(51px,auto,137px,0)}35%{clip:rect(56px,auto,48px,0)}40%{clip:rect(114px,auto,5px,0)}45%{clip:rect(32px,auto,110px,0)}50%{clip:rect(107px,auto,20px,0)}55%{clip:rect(129px,auto,4px,0)}60%{clip:rect(142px,auto,118px,0)}65%{clip:rect(150px,auto,96px,0)}70%{clip:rect(133px,auto,70px,0)}75%{clip:rect(29px,auto,134px,0)}80%{clip:rect(139px,auto,124px,0)}85%{clip:rect(34px,auto,56px,0)}90%{clip:rect(17px,auto,20px,0)}95%{clip:rect(135px,auto,111px,0)}to{clip:rect(126px,auto,27px,0)}}