@import "https://fonts.googleapis.com/css2?family=Lugrasimo";
.glitch-wrapper{color:#fff;text-align:center;background-color:#222;justify-content:center;align-items:center;width:100%;height:100%;font-family:Lugrasimo,cursive;font-style:normal;display:flex}.glitch{color:#fff;letter-spacing:6px;z-index:1;font-family:Lugrasimo,cursive;line-height:1.2;animation:4s ease-in-out infinite alternate shift}.glitch:before{content:attr(data-glitch);text-shadow:-1px 0 #0ff;color:#fff;clip:rect(0,900px,0,0);background-color:#222;width:100%;animation:3s linear infinite alternate-reverse noise-before;top:0;left:-2px;overflow:hidden}.glitch:after{content:attr(data-glitch);text-shadow:1px 0 #f0f;color:#fff;clip:rect(0,900px,0,0);background-color:#222;width:100%;animation:2s linear infinite alternate-reverse noise-after;top:0;left:2px;overflow:hidden}@keyframes noise-before{0%{clip:rect(61px,9999px,52px,0)}5%{clip:rect(33px,9999px,144px,0)}10%{clip:rect(121px,9999px,115px,0)}15%{clip:rect(144px,9999px,162px,0)}20%{clip:rect(62px,9999px,180px,0)}25%{clip:rect(34px,9999px,42px,0)}30%{clip:rect(147px,9999px,179px,0)}35%{clip:rect(99px,9999px,63px,0)}40%{clip:rect(188px,9999px,122px,0)}45%{clip:rect(154px,9999px,14px,0)}50%{clip:rect(63px,9999px,37px,0)}55%{clip:rect(161px,9999px,147px,0)}60%{clip:rect(109px,9999px,175px,0)}65%{clip:rect(157px,9999px,88px,0)}70%{clip:rect(173px,9999px,131px,0)}75%{clip:rect(62px,9999px,70px,0)}80%{clip:rect(24px,9999px,153px,0)}85%{clip:rect(138px,9999px,40px,0)}90%{clip:rect(79px,9999px,136px,0)}95%{clip:rect(25px,9999px,34px,0)}to{clip:rect(173px,9999px,166px,0)}}@keyframes noise-after{0%{clip:rect(26px,9999px,33px,0)}5%{clip:rect(140px,9999px,198px,0)}10%{clip:rect(184px,9999px,89px,0)}15%{clip:rect(121px,9999px,6px,0)}20%{clip:rect(181px,9999px,99px,0)}25%{clip:rect(154px,9999px,133px,0)}30%{clip:rect(134px,9999px,169px,0)}35%{clip:rect(26px,9999px,187px,0)}40%{clip:rect(147px,9999px,137px,0)}45%{clip:rect(31px,9999px,52px,0)}50%{clip:rect(191px,9999px,109px,0)}55%{clip:rect(74px,9999px,54px,0)}60%{clip:rect(145px,9999px,75px,0)}65%{clip:rect(153px,9999px,198px,0)}70%{clip:rect(99px,9999px,136px,0)}75%{clip:rect(118px,9999px,192px,0)}80%{clip:rect(1px,9999px,83px,0)}85%{clip:rect(145px,9999px,98px,0)}90%{clip:rect(121px,9999px,154px,0)}95%{clip:rect(156px,9999px,44px,0)}to{clip:rect(67px,9999px,122px,0)}}.line:not(:first-child){position:absolute;top:0;left:0}.line:first-child{animation:3s linear -300ms infinite clip,.5s linear -989ms infinite glitch1}@keyframes glitch1{0%{transform:translate(0)}80%{color:#fff;transform:translate(0)}85%{color:#4e9a26;transform:translate(2px)}90%{color:#ac1212;transform:translate(-4px)}95%{color:#fff;transform:translate(4px)}to{transform:translate(0)}}.line:nth-child(2){animation:3s linear -600ms infinite clip,.5s linear -441ms infinite glitch2}@keyframes glitch2{0%{transform:translate(0)}80%{color:#fff;transform:translate(0)}85%{color:#4e9a26;transform:translate(4px)}90%{color:#ac1212;transform:translate(4px)}95%{color:#fff;transform:translate(-3px)}to{transform:translate(0)}}.line:nth-child(3){animation:3s linear -900ms infinite clip,.5s linear -640ms infinite glitch3}@keyframes glitch3{0%{transform:translate(0)}80%{color:#fff;transform:translate(0)}85%{color:#4e9a26;transform:translate(-4px)}90%{color:#ac1212;transform:translate(0)}95%{color:#fff;transform:translate(5px)}to{transform:translate(0)}}.line:nth-child(4){animation:3s linear -1200ms infinite clip,.5s linear -670ms infinite glitch4}@keyframes glitch4{0%{transform:translate(0)}80%{color:#fff;transform:translate(0)}85%{color:#4e9a26;transform:translate(1px)}90%{color:#ac1212;transform:translate(5px)}95%{color:#fff;transform:translate(2px)}to{transform:translate(0)}}.line:nth-child(5){animation:3s linear -1500ms infinite clip,.5s linear -117ms infinite glitch5}@keyframes glitch5{0%{transform:translate(0)}80%{color:#fff;transform:translate(0)}85%{color:#4e9a26;transform:translate(5px)}90%{color:#ac1212;transform:translate(3px)}95%{color:#fff;transform:translate(5px)}to{transform:translate(0)}}.line:nth-child(6){animation:3s linear -1800ms infinite clip,.5s linear -121ms infinite glitch6}@keyframes glitch6{0%{transform:translate(0)}80%{color:#fff;transform:translate(0)}85%{color:#4e9a26;transform:translate(-2px)}90%{color:#ac1212;transform:translate(2px)}95%{color:#fff;transform:translate(3px)}to{transform:translate(0)}}.line:nth-child(7){animation:3s linear -2100ms infinite clip,.5s linear -321ms infinite glitch7}@keyframes glitch7{0%{transform:translate(0)}80%{color:#fff;transform:translate(0)}85%{color:#4e9a26;transform:translate(-3px)}90%{color:#ac1212;transform:translate(-4px)}95%{color:#fff;transform:translate(5px)}to{transform:translate(0)}}.line:nth-child(8){animation:3s linear -2400ms infinite clip,.5s linear -970ms infinite glitch8}@keyframes glitch8{0%{transform:translate(0)}80%{color:#fff;transform:translate(0)}85%{color:#4e9a26;transform:translate(-3px)}90%{color:#ac1212;transform:translate(4px)}95%{color:#fff;transform:translate(-4px)}to{transform:translate(0)}}.line:nth-child(9){animation:3s linear -2700ms infinite clip,.5s linear -642ms infinite glitch9}@keyframes glitch9{0%{transform:translate(0)}80%{color:#fff;transform:translate(0)}85%{color:#4e9a26;transform:translate(4px)}90%{color:#ac1212;transform:translate(4px)}95%{color:#fff;transform:translate(-2px)}to{transform:translate(0)}}.line:nth-child(10){animation:3s linear -3000ms infinite clip,.5s linear -829ms infinite glitch10}@keyframes glitch10{0%{transform:translate(0)}80%{color:#fff;transform:translate(0)}85%{color:#4e9a26;transform:translate(-3px)}90%{color:#ac1212;transform:translate(-2px)}95%{color:#fff;transform:translate(3px)}to{transform:translate(0)}}@-webkit-keyframes clip{0%{clip-path:polygon(0 50%,100% 50%,100% 130%,0 130%)}to{clip-path:polygon(0 -50%,100% -50%,100% 0%,0 0)}}