body{background-color:var(--color-black);background-image:url(/imgs/starry_background.png);background-repeat:repeat;background-size:cover}.container{max-width:max-content;margin-inline:auto;margin-top:17%}.glitch{position:relative;font-size:5vw;font-weight:700;line-height:1.2;color:#fff;letter-spacing:5px;z-index:1;animation:shift 1s ease-in-out infinite alternate}.glitch:before,.glitch:after{display:block;content:attr(data-glitch);position:absolute;top:0;left:0;opacity:.8}.glitch:before{animation:glitch .4s cubic-bezier(.25,.46,.45,.94) both infinite;color:#8b00ff;z-index:-1}.glitch:after{animation:glitch .4s cubic-bezier(.25,.46,.45,.94) reverse both infinite;color:#00e571;z-index:-2}@keyframes glitch{0%{transform:translate(0)}20%{transform:translate(-3px,3px)}40%{transform:translate(-3px,-3px)}60%{transform:translate(3px,3px)}80%{transform:translate(3px,-3px)}to{transform:translate(0)}}@keyframes shift{0%,40%,44%,58%,61%,65%,69%,73%,to{transform:skew(0)}41%{transform:skew(10deg)}42%{transform:skew(-10deg)}59%{transform:skew(40deg) skewY(10deg)}60%{transform:skew(-40deg) skewY(-10deg)}63%{transform:skew(10deg) skewY(-5deg)}70%{transform:skew(-50deg) skewY(-20deg)}71%{transform:skew(10deg) skewY(-10deg)}}