*{margin:0;padding:0;box-sizing:border-box}body{background:#000;height:100vh;display:flex;justify-content:center;align-items:center;overflow:hidden;font-family:Arial Black,sans-serif;-webkit-user-select:none;-moz-user-select:none;user-select:none}.glitch,.glitch-wrapper{position:relative}.glitch{font-size:8rem;font-weight:900;color:#fff;letter-spacing:.2em;text-transform:uppercase;animation:glitch-skew 2s linear infinite alternate-reverse}.glitch:after,.glitch:before{content:"Hella Fun";position:absolute;top:0;left:0;width:100%;height:100%}.glitch:before{left:2px;text-shadow:-3px 0 #ff00de;clip:rect(44px,450px,56px,0);animation:glitch-anim 5s linear infinite alternate-reverse}.glitch:after{left:-2px;text-shadow:-3px 0 #00fff9,3px 3px #ff00de;animation:glitch-anim2 3s linear infinite alternate-reverse}@keyframes glitch-anim{0%{clip:rect(61px,9999px,87px,0);transform:skew(.3deg)}5%{clip:rect(37px,9999px,14px,0);transform:skew(.8deg)}10%{clip:rect(93px,9999px,45px,0);transform:skew(.2deg)}15%{clip:rect(12px,9999px,78px,0);transform:skew(.9deg)}20%{clip:rect(55px,9999px,31px,0);transform:skew(.4deg)}25%{clip:rect(71px,9999px,99px,0);transform:skew(.6deg)}30%{clip:rect(18px,9999px,63px,0);transform:skew(.7deg)}35%{clip:rect(82px,9999px,5px,0);transform:skew(.3deg)}40%{clip:rect(39px,9999px,92px,0);transform:skew(.5deg)}45%{clip:rect(66px,9999px,21px,0);transform:skew(.8deg)}50%{clip:rect(9px,9999px,74px,0);transform:skew(.2deg)}55%{clip:rect(48px,9999px,36px,0);transform:skew(.9deg)}60%{clip:rect(85px,9999px,58px,0);transform:skew(.4deg)}65%{clip:rect(27px,9999px,96px,0);transform:skew(.7deg)}70%{clip:rect(73px,9999px,11px,0);transform:skew(.5deg)}75%{clip:rect(41px,9999px,69px,0);transform:skew(.6deg)}80%{clip:rect(15px,9999px,88px,0);transform:skew(.3deg)}85%{clip:rect(59px,9999px,23px,0);transform:skew(.8deg)}90%{clip:rect(91px,9999px,47px,0);transform:skew(.2deg)}95%{clip:rect(33px,9999px,81px,0);transform:skew(.9deg)}to{clip:rect(52px,9999px,6px,0);transform:skew(.4deg)}}@keyframes glitch-anim2{0%{clip:rect(29px,9999px,72px,0);transform:skew(.5deg)}5%{clip:rect(84px,9999px,16px,0);transform:skew(.7deg)}10%{clip:rect(43px,9999px,98px,0);transform:skew(.3deg)}15%{clip:rect(67px,9999px,25px,0);transform:skew(.8deg)}20%{clip:rect(8px,9999px,54px,0);transform:skew(.4deg)}25%{clip:rect(91px,9999px,39px,0);transform:skew(.6deg)}30%{clip:rect(22px,9999px,76px,0);transform:skew(.9deg)}35%{clip:rect(58px,9999px,13px,0);transform:skew(.2deg)}40%{clip:rect(79px,9999px,61px,0);transform:skew(.7deg)}45%{clip:rect(34px,9999px,95px,0);transform:skew(.5deg)}50%{clip:rect(71px,9999px,28px,0);transform:skew(.8deg)}55%{clip:rect(17px,9999px,83px,0);transform:skew(.3deg)}60%{clip:rect(46px,9999px,9px,0);transform:skew(.6deg)}65%{clip:rect(88px,9999px,52px,0);transform:skew(.4deg)}70%{clip:rect(31px,9999px,68px,0);transform:skew(.9deg)}75%{clip:rect(64px,9999px,19px,0);transform:skew(.2deg)}80%{clip:rect(5px,9999px,77px,0);transform:skew(.7deg)}85%{clip:rect(92px,9999px,41px,0);transform:skew(.5deg)}90%{clip:rect(26px,9999px,85px,0);transform:skew(.8deg)}95%{clip:rect(53px,9999px,7px,0);transform:skew(.3deg)}to{clip:rect(74px,9999px,36px,0);transform:skew(.6deg)}}@keyframes glitch-skew{0%{transform:skew(0deg,0deg)}10%{transform:skew(-2deg,0deg)}20%{transform:skew(1deg,0deg)}30%{transform:skew(0deg,0deg)}40%{transform:skew(3deg,0deg)}50%{transform:skew(-1deg,0deg)}60%{transform:skew(2deg,0deg)}70%{transform:skew(0deg,0deg)}80%{transform:skew(-3deg,0deg)}90%{transform:skew(1deg,0deg)}to{transform:skew(0deg,0deg)}}@media (max-width:768px){.glitch{font-size:4rem;letter-spacing:.15em}}@media (max-width:480px){.glitch{font-size:2.5rem;letter-spacing:.1em}}