body{background:#000;font-family:Oswald,sans-serif;font-style:italic;overflow:hidden;height:100vh;margin:0}.container,body{display:flex;align-items:center;justify-content:center}.container{flex-direction:column;text-align:center}.glitch-container{display:flex;align-items:center;justify-content:center}.glitch{color:#dfbfbf;font-size:8vw;animation:glitch 5s infinite;display:inline-block;position:relative}.glitch:before{left:-2px;text-shadow:-5px 0 #f0f;animation:noise-1 3s linear infinite alternate-reverse,glitch 5s 5.05s infinite}.glitch:after,.glitch:before{content:attr(data-text);position:absolute;background:#000;overflow:hidden;top:0}.glitch:after{left:2px;text-shadow:-5px 0 #90ee90;animation:noise-2 3s linear infinite alternate-reverse,glitch 5s 5s infinite}.cursor{color:#dfbfbf;font-size:8vw;margin-left:.1em;animation:blink 1s step-end infinite;display:inline-block;vertical-align:bottom}.glow{text-shadow:0 0 1000px #dfbfbf;color:transparent}.subtitle{font-family:Arial,Helvetica,sans-serif;font-weight:100;font-size:1em;color:hsla(0,12%,60%,.4);text-transform:uppercase;letter-spacing:1em;text-align:center;margin-top:20px;animation:fadeIn 3s linear}.scanlines{overflow:hidden;mix-blend-mode:difference}.scanlines:before{content:"";position:absolute;width:100%;height:100%;top:0;left:0;background:repeating-linear-gradient(180deg,transparent 0,hsla(0,0%,100%,.05) .5%,transparent 1%);animation:fudge 7s ease-in-out infinite alternate}@keyframes glitch{1%{transform:rotateX(10deg) skewX(90deg)}2%{transform:rotateX(0deg) skewX(0deg)}}@keyframes noise-1{0%{-webkit-clip-path:inset(10% 0 90% 0);clip-path:inset(10% 0 90% 0)}10%{-webkit-clip-path:inset(20% 0 80% 0);clip-path:inset(20% 0 80% 0)}20%{-webkit-clip-path:inset(30% 0 70% 0);clip-path:inset(30% 0 70% 0)}30%{-webkit-clip-path:inset(40% 0 60% 0);clip-path:inset(40% 0 60% 0)}40%{-webkit-clip-path:inset(50% 0 50% 0);clip-path:inset(50% 0 50% 0)}50%{-webkit-clip-path:inset(60% 0 40% 0);clip-path:inset(60% 0 40% 0)}60%{-webkit-clip-path:inset(70% 0 30% 0);clip-path:inset(70% 0 30% 0)}70%{-webkit-clip-path:inset(80% 0 20% 0);clip-path:inset(80% 0 20% 0)}80%{-webkit-clip-path:inset(90% 0 10% 0);clip-path:inset(90% 0 10% 0)}90%{-webkit-clip-path:inset(100% 0 0 0);clip-path:inset(100% 0 0 0)}to{-webkit-clip-path:inset(10% 0 90% 0);clip-path:inset(10% 0 90% 0)}}@keyframes noise-2{0%{-webkit-clip-path:inset(10% 0 90% 0);clip-path:inset(10% 0 90% 0)}10%{-webkit-clip-path:inset(20% 0 80% 0);clip-path:inset(20% 0 80% 0)}20%{-webkit-clip-path:inset(30% 0 70% 0);clip-path:inset(30% 0 70% 0)}30%{-webkit-clip-path:inset(40% 0 60% 0);clip-path:inset(40% 0 60% 0)}40%{-webkit-clip-path:inset(50% 0 50% 0);clip-path:inset(50% 0 50% 0)}50%{-webkit-clip-path:inset(60% 0 40% 0);clip-path:inset(60% 0 40% 0)}60%{-webkit-clip-path:inset(70% 0 30% 0);clip-path:inset(70% 0 30% 0)}70%{-webkit-clip-path:inset(80% 0 20% 0);clip-path:inset(80% 0 20% 0)}80%{-webkit-clip-path:inset(90% 0 10% 0);clip-path:inset(90% 0 10% 0)}90%{-webkit-clip-path:inset(100% 0 0 0);clip-path:inset(100% 0 0 0)}to{-webkit-clip-path:inset(10% 0 90% 0);clip-path:inset(10% 0 90% 0)}}@keyframes fudge{0%{transform:translate(0)}to{transform:translateY(2%)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes blink{0%,to{color:transparent}50%{color:#dfbfbf}}