.glitch-text{position:relative;display:inline-block;font-weight:900;text-transform:uppercase;color:#fff;text-shadow:0 0 15px rgba(255,215,0,.2)}.glitch-text:after,.glitch-text:before{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;background:transparent}.glitch-text:before{left:2px;text-shadow:-2px 0 #A855F7,2px 2px 0 #A855F7;clip:rect(44px,450px,56px,0);animation:glitch-anim 5s linear infinite alternate-reverse}.glitch-text:after{left:-2px;text-shadow:-2px -2px 0 #FFD700,2px 0 0 #FFD700;clip:rect(44px,450px,56px,0);animation:glitch-anim2 1s linear infinite alternate-reverse}.glitch-text:hover:after,.glitch-text:hover:before{animation-duration:.2s}.glitch-shadows{text-shadow:0 0 10px rgba(255,255,255,.8),0 0 20px rgba(255,255,255,.6),0 0 30px rgba(168,85,247,.4),0 0 40px rgba(255,215,0,.2)}@keyframes glitch-anim{0%{clip:rect(31px,9999px,94px,0);transform:skew(.5deg)}5%{clip:rect(12px,9999px,77px,0);transform:skew(.8deg)}10%{clip:rect(98px,9999px,2px,0);transform:skew(.3deg)}15%{clip:rect(54px,9999px,53px,0);transform:skew(.7deg)}20%{clip:rect(23px,9999px,78px,0);transform:skew(.2deg)}25%{clip:rect(76px,9999px,21px,0);transform:skew(.9deg)}30%{clip:rect(45px,9999px,67px,0);transform:skew(.4deg)}35%{clip:rect(88px,9999px,15px,0);transform:skew(.6deg)}40%{clip:rect(19px,9999px,91px,0);transform:skew(.1deg)}45%{clip:rect(62px,9999px,42px,0);transform:skew(.8deg)}50%{clip:rect(34px,9999px,89px,0);transform:skew(.3deg)}55%{clip:rect(81px,9999px,27px,0);transform:skew(.5deg)}60%{clip:rect(7px,9999px,96px,0);transform:skew(.7deg)}65%{clip:rect(58px,9999px,51px,0);transform:skew(.2deg)}70%{clip:rect(93px,9999px,8px,0);transform:skew(.9deg)}75%{clip:rect(26px,9999px,85px,0);transform:skew(.4deg)}80%{clip:rect(71px,9999px,39px,0);transform:skew(.6deg)}85%{clip:rect(13px,9999px,98px,0);transform:skew(.1deg)}90%{clip:rect(67px,9999px,32px,0);transform:skew(.8deg)}95%{clip:rect(41px,9999px,73px,0);transform:skew(.3deg)}to{clip:rect(84px,9999px,16px,0);transform:skew(.5deg)}}@keyframes glitch-anim2{0%{clip:rect(65px,9999px,100px,0);transform:skew(.3deg)}5%{clip:rect(14px,9999px,33px,0);transform:skew(.9deg)}10%{clip:rect(87px,9999px,9px,0);transform:skew(.2deg)}15%{clip:rect(52px,9999px,68px,0);transform:skew(.7deg)}20%{clip:rect(28px,9999px,95px,0);transform:skew(.4deg)}25%{clip:rect(79px,9999px,22px,0);transform:skew(.6deg)}30%{clip:rect(36px,9999px,61px,0);transform:skew(.1deg)}35%{clip:rect(91px,9999px,5px,0);transform:skew(.8deg)}40%{clip:rect(18px,9999px,82px,0);transform:skew(.5deg)}45%{clip:rect(73px,9999px,29px,0);transform:skew(.3deg)}50%{clip:rect(47px,9999px,56px,0);transform:skew(.9deg)}55%{clip:rect(96px,9999px,3px,0);transform:skew(.2deg)}60%{clip:rect(24px,9999px,88px,0);transform:skew(.7deg)}65%{clip:rect(69px,9999px,38px,0);transform:skew(.4deg)}70%{clip:rect(12px,9999px,99px,0);transform:skew(.6deg)}75%{clip:rect(81px,9999px,19px,0);transform:skew(.1deg)}80%{clip:rect(55px,9999px,64px,0);transform:skew(.8deg)}85%{clip:rect(31px,9999px,92px,0);transform:skew(.5deg)}90%{clip:rect(77px,9999px,26px,0);transform:skew(.3deg)}95%{clip:rect(43px,9999px,59px,0);transform:skew(.9deg)}to{clip:rect(89px,9999px,11px,0);transform:skew(.2deg)}}