body,html{height:100%}body{align-items:center;background:#000;display:flex;justify-content:center}p{font-size:16px}.glitch{animation:glitch-skew 1s linear infinite alternate-reverse;color:#b2b2b2;font-size:2em;letter-spacing:.5em;opacity:1;position:relative;z-index:0}.glitch:before{clip:rect(44px,450px,56px,0);animation:glitch-anim 5s linear infinite alternate-reverse;left:0;left:2px;text-shadow:-2px 0 #ff00c1}.glitch:after,.glitch:before{content:attr(data-text);height:100%;opacity:.5;position:absolute;top:0;width:100%}.glitch:after{animation:glitch-anim2 1s linear infinite alternate-reverse;left:0;left:-2px;text-shadow:-2px 0 #00fff9,2px 2px #ff00c1}@keyframes glitch-anim{0%{clip:rect(86px,9999px,31px,0);transform:skew(.42deg)}5%{clip:rect(38px,9999px,27px,0);transform:skew(.2deg)}10%{clip:rect(14px,9999px,24px,0);transform:skew(.83deg)}15%{clip:rect(5px,9999px,48px,0);transform:skew(.78deg)}20%{clip:rect(79px,9999px,94px,0);transform:skew(.78deg)}25%{clip:rect(57px,9999px,14px,0);transform:skew(.05deg)}30%{clip:rect(19px,9999px,29px,0);transform:skew(.44deg)}35%{clip:rect(23px,9999px,6px,0);transform:skew(.75deg)}40%{clip:rect(93px,9999px,38px,0);transform:skew(.05deg)}45%{clip:rect(97px,9999px,11px,0);transform:skew(.3deg)}50%{clip:rect(16px,9999px,44px,0);transform:skew(.16deg)}55%{clip:rect(100px,9999px,98px,0);transform:skew(.19deg)}60%{clip:rect(22px,9999px,44px,0);transform:skew(.02deg)}65%{clip:rect(75px,9999px,33px,0);transform:skew(.37deg)}70%{clip:rect(57px,9999px,57px,0);transform:skew(.1deg)}75%{clip:rect(41px,9999px,10px,0);transform:skew(.67deg)}80%{clip:rect(45px,9999px,12px,0);transform:skew(.86deg)}85%{clip:rect(80px,9999px,34px,0);transform:skew(.69deg)}90%{clip:rect(5px,9999px,44px,0);transform:skew(.06deg)}95%{clip:rect(29px,9999px,42px,0);transform:skew(.82deg)}to{clip:rect(94px,9999px,76px,0);transform:skew(.04deg)}}@keyframes glitch-anim2{0%{clip:rect(89px,9999px,37px,0);transform:skew(.7deg)}5%{clip:rect(34px,9999px,70px,0);transform:skew(.77deg)}10%{clip:rect(62px,9999px,18px,0);transform:skew(.65deg)}15%{clip:rect(52px,9999px,32px,0);transform:skew(.11deg)}20%{clip:rect(46px,9999px,94px,0);transform:skew(.4deg)}25%{clip:rect(25px,9999px,64px,0);transform:skew(.27deg)}30%{clip:rect(48px,9999px,7px,0);transform:skew(.14deg)}35%{clip:rect(22px,9999px,56px,0);transform:skew(.56deg)}40%{clip:rect(23px,9999px,22px,0);transform:skew(.09deg)}45%{clip:rect(51px,9999px,56px,0);transform:skew(.08deg)}50%{clip:rect(49px,9999px,5px,0);transform:skew(.69deg)}55%{clip:rect(2px,9999px,67px,0);transform:skew(.16deg)}60%{clip:rect(70px,9999px,50px,0);transform:skew(.74deg)}65%{clip:rect(78px,9999px,7px,0);transform:skew(.22deg)}70%{clip:rect(2px,9999px,21px,0);transform:skew(.4deg)}75%{clip:rect(100px,9999px,11px,0);transform:skew(.71deg)}80%{clip:rect(76px,9999px,64px,0);transform:skew(.92deg)}85%{clip:rect(81px,9999px,52px,0);transform:skew(.16deg)}90%{clip:rect(25px,9999px,76px,0);transform:skew(.77deg)}95%{clip:rect(72px,9999px,19px,0);transform:skew(.56deg)}to{clip:rect(49px,9999px,95px,0);transform:skew(1deg)}}

/*# sourceMappingURL=app.css.map*/