html{scroll-padding-top:100px}body{background-color:#111;color:#fff;margin:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#111}::-webkit-scrollbar-thumb{background:#333}::-webkit-scrollbar-thumb:hover{background:#555}.glitch{position:relative;display:inline-block}.glitch:before,.glitch:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;background:#111;visibility:hidden}.glitch:hover:before,.glitch:hover:after{visibility:visible}.glitch:hover:before{left:2px;text-shadow:-1px 0 #ff00c1;clip:rect(44px,450px,56px,0);animation:glitch-anim-1 2s infinite linear alternate-reverse}.glitch:hover:after{left:-2px;text-shadow:-1px 0 #00fff9;clip:rect(44px,450px,56px,0);animation:glitch-anim-2 2s infinite linear alternate-reverse}@keyframes glitch-anim-1{0%{clip:rect(30px,9999px,10px,0)}20%{clip:rect(85px,9999px,95px,0)}40%{clip:rect(10px,9999px,50px,0)}60%{clip:rect(60px,9999px,20px,0)}80%{clip:rect(25px,9999px,80px,0)}to{clip:rect(95px,9999px,5px,0)}}@keyframes glitch-anim-2{0%{clip:rect(15px,9999px,90px,0)}20%{clip:rect(75px,9999px,15px,0)}40%{clip:rect(40px,9999px,65px,0)}60%{clip:rect(90px,9999px,35px,0)}80%{clip:rect(5px,9999px,55px,0)}to{clip:rect(65px,9999px,85px,0)}}