.glitch{position:relative;color:#fbffff;font-size:2em;margin-top:100px;letter-spacing:.5em;animation:glitch-skew 1s infinite linear alternate-reverse}@media(max-width: 1000px){.glitch{font-size:1em;text-align:center;margin:auto;margin-top:60px}}.glitch::before{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;left:2px;text-shadow:-2px 0 #67131b;clip:rect(44px, 450px, 56px, 0);animation:glitch-anim 5s infinite linear alternate-reverse}.glitch::after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;left:-2px;text-shadow:-2px 0 #67131b,2px 2px #67131b;animation:glitch-anim2 1s infinite linear alternate-reverse}@keyframes glitch-anim{0%{clip:rect(39px, 9999px, 10px, 0);transform:skew(0.95deg)}5%{clip:rect(91px, 9999px, 68px, 0);transform:skew(0.68deg)}10%{clip:rect(30px, 9999px, 81px, 0);transform:skew(0.4deg)}15%{clip:rect(99px, 9999px, 3px, 0);transform:skew(0.35deg)}20%{clip:rect(98px, 9999px, 99px, 0);transform:skew(0.12deg)}25%{clip:rect(57px, 9999px, 97px, 0);transform:skew(0.32deg)}30%{clip:rect(6px, 9999px, 53px, 0);transform:skew(0.04deg)}35%{clip:rect(5px, 9999px, 13px, 0);transform:skew(0.67deg)}40%{clip:rect(58px, 9999px, 42px, 0);transform:skew(0.82deg)}45%{clip:rect(37px, 9999px, 85px, 0);transform:skew(0.01deg)}50%{clip:rect(10px, 9999px, 83px, 0);transform:skew(0.54deg)}55%{clip:rect(36px, 9999px, 59px, 0);transform:skew(0.54deg)}60%{clip:rect(59px, 9999px, 52px, 0);transform:skew(0.68deg)}65%{clip:rect(99px, 9999px, 20px, 0);transform:skew(0.36deg)}70%{clip:rect(33px, 9999px, 74px, 0);transform:skew(0.88deg)}75%{clip:rect(81px, 9999px, 39px, 0);transform:skew(0.6deg)}80%{clip:rect(59px, 9999px, 48px, 0);transform:skew(0.62deg)}85%{clip:rect(4px, 9999px, 80px, 0);transform:skew(0.84deg)}90%{clip:rect(81px, 9999px, 75px, 0);transform:skew(0.01deg)}95%{clip:rect(6px, 9999px, 85px, 0);transform:skew(0.82deg)}100%{clip:rect(56px, 9999px, 42px, 0);transform:skew(0.85deg)}}@keyframes glitch-anim2{0%{clip:rect(26px, 9999px, 59px, 0);transform:skew(0.4deg)}5%{clip:rect(23px, 9999px, 21px, 0);transform:skew(0.83deg)}10%{clip:rect(23px, 9999px, 60px, 0);transform:skew(0.22deg)}15%{clip:rect(75px, 9999px, 88px, 0);transform:skew(0.64deg)}20%{clip:rect(32px, 9999px, 74px, 0);transform:skew(0.07deg)}25%{clip:rect(76px, 9999px, 77px, 0);transform:skew(0.43deg)}30%{clip:rect(98px, 9999px, 54px, 0);transform:skew(0.27deg)}35%{clip:rect(91px, 9999px, 77px, 0);transform:skew(0.69deg)}40%{clip:rect(70px, 9999px, 30px, 0);transform:skew(0.3deg)}45%{clip:rect(41px, 9999px, 52px, 0);transform:skew(0.77deg)}50%{clip:rect(65px, 9999px, 87px, 0);transform:skew(0.24deg)}55%{clip:rect(97px, 9999px, 76px, 0);transform:skew(0.84deg)}60%{clip:rect(30px, 9999px, 33px, 0);transform:skew(0.15deg)}65%{clip:rect(95px, 9999px, 61px, 0);transform:skew(0.34deg)}70%{clip:rect(11px, 9999px, 12px, 0);transform:skew(0.99deg)}75%{clip:rect(16px, 9999px, 98px, 0);transform:skew(0.93deg)}80%{clip:rect(23px, 9999px, 17px, 0);transform:skew(0.47deg)}85%{clip:rect(35px, 9999px, 65px, 0);transform:skew(0.51deg)}90%{clip:rect(61px, 9999px, 96px, 0);transform:skew(0.96deg)}95%{clip:rect(67px, 9999px, 52px, 0);transform:skew(0.58deg)}100%{clip:rect(80px, 9999px, 100px, 0);transform:skew(0.52deg)}}@keyframes glitch-skew{0%{transform:skew(3deg)}10%{transform:skew(4deg)}20%{transform:skew(3deg)}30%{transform:skew(-4deg)}40%{transform:skew(2deg)}50%{transform:skew(1deg)}60%{transform:skew(-3deg)}70%{transform:skew(-3deg)}80%{transform:skew(-2deg)}90%{transform:skew(5deg)}100%{transform:skew(5deg)}}/*# sourceMappingURL=glitch-effect.css.map */