@keyframes glitch-1{0%,to{transform:translateY(-100vh)}50%{transform:translateY(100vh)}}@keyframes glitch-2{0%,to{transform:translateY(100vh)}50%{transform:translateY(-100vh)}}@keyframes glitch-3{0%,to{transform:translateX(-100vw)}50%{transform:translateX(100vw)}}.animate-glitch-1{animation:glitch-1 8s linear infinite}.animate-glitch-2{animation:glitch-2 10s linear infinite}.animate-glitch-3{animation:glitch-3 6s linear infinite}@keyframes video-glitch{0%,to{filter:brightness(1) contrast(1)}10%{filter:brightness(1.2) contrast(1.1) hue-rotate(5deg)}20%{filter:brightness(.9) contrast(1.2) hue-rotate(-5deg)}30%{filter:brightness(1.1) contrast(.9) saturate(1.2)}}.glitch-video{animation:video-glitch 10s ease-in-out infinite}.glitch-container{position:relative;display:inline-block}.glitch-main{position:relative;color:#dff851;animation:glitch-skew 1s linear infinite alternate-reverse}.glitch-main:after,.glitch-main:before{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%}.glitch-main:before{animation:glitch-clip-1 .5s linear infinite alternate-reverse;left:2px;text-shadow:-2px 0 #ff00c1;clip-path:polygon(0 0,100% 0,100% 45%,0 45%)}.glitch-main:after{animation:glitch-clip-2 .5s linear infinite alternate-reverse;left:-2px;text-shadow:-2px 0 #00fff9,2px 2px #ff00c1;clip-path:polygon(0 55%,100% 55%,100% 100%,0 100%)}.glitch-layer-r{color:#ff0000;animation:glitch-rgb-r .3s infinite}.glitch-layer-g,.glitch-layer-r{mix-blend-mode:screen;opacity:.8}.glitch-layer-g{color:#00ff00;animation:glitch-rgb-g .3s infinite}.glitch-layer-b{color:#0000ff;mix-blend-mode:screen;opacity:.8;animation:glitch-rgb-b .3s infinite}.glitch-distort-1{animation:glitch-distort-1 .2s infinite;transform-origin:center}.glitch-distort-2{animation:glitch-distort-2 .2s infinite reverse;transform-origin:center}.glitch-noise{background-image:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(223,248,81,.03) 0,rgba(223,248,81,.03) 4px),repeating-linear-gradient(90deg,transparent,transparent 2px,rgba(223,248,81,.03) 0,rgba(223,248,81,.03) 4px);background-size:200px 200px;animation:glitch-noise-anim .2s infinite;mix-blend-mode:overlay}.glitch-subtitle{position:relative}.glitch-subtitle:before{left:1px;text-shadow:-1px 0 rgba(255,0,193,.5);clip-path:polygon(0 0,100% 0,100% 35%,0 35%);animation:glitch-subtitle-1 2s linear infinite alternate-reverse}.glitch-subtitle:after,.glitch-subtitle:before{content:attr(data-text);position:absolute;top:0;width:100%;height:100%}.glitch-subtitle:after{left:-1px;text-shadow:1px 0 rgba(0,255,249,.5);clip-path:polygon(0 65%,100% 65%,100% 100%,0 100%);animation:glitch-subtitle-2 2s linear infinite alternate-reverse}.glitch-code{position:relative;display:inline-block;animation:glitch-code-flicker 2s infinite}@keyframes glitch-skew{0%,to{transform:skew(0deg)}20%{transform:skew(.8deg)}40%{transform:skew(-.8deg)}60%{transform:skew(.4deg)}80%{transform:skew(-.4deg)}}@keyframes glitch-clip-1{0%,to{clip-path:polygon(0 0,100% 0,100% 45%,0 45%)}5%{clip-path:polygon(0 0,100% 0,100% 40%,0 40%)}10%{clip-path:polygon(0 0,100% 0,100% 50%,0 50%)}}@keyframes glitch-clip-2{0%,to{clip-path:polygon(0 55%,100% 55%,100% 100%,0 100%)}5%{clip-path:polygon(0 60%,100% 60%,100% 100%,0 100%)}10%{clip-path:polygon(0 50%,100% 50%,100% 100%,0 100%)}}@keyframes glitch-rgb-r{0%,to{transform:translate(0)}20%{transform:translate(-2px,1px)}40%{transform:translate(2px,-1px)}60%{transform:translate(-1px,2px)}80%{transform:translate(1px,-2px)}}@keyframes glitch-rgb-g{0%,to{transform:translate(0)}20%{transform:translate(2px,-1px)}40%{transform:translate(-2px,1px)}60%{transform:translate(1px,-2px)}80%{transform:translate(-1px,2px)}}@keyframes glitch-rgb-b{0%,to{transform:translate(0)}20%{transform:translate(1px,2px)}40%{transform:translate(-1px,-2px)}60%{transform:translate(2px,1px)}80%{transform:translate(-2px,-1px)}}@keyframes glitch-distort-1{0%,to{transform:translate(0) scale(1) rotate(0deg)}20%{transform:translate(-2px) scale(1.01) rotate(.5deg)}40%{transform:translateY(2px) scale(.99) rotate(-.5deg)}60%{transform:translate(2px) scale(1.01) rotate(.3deg)}80%{transform:translateY(-2px) scale(.99) rotate(-.3deg)}}@keyframes glitch-distort-2{0%,to{transform:translate(0) scaleX(1)}20%{transform:translate(1px) scaleX(1.02)}40%{transform:translate(-1px) scaleX(.98)}60%{transform:translate(1px) scaleX(1.01)}80%{transform:translate(-1px) scaleX(.99)}}@keyframes glitch-noise-anim{0%,to{opacity:1;transform:translateX(0)}10%{opacity:.9;transform:translateX(-2%)}20%{opacity:.8;transform:translateX(2%)}30%{opacity:.9;transform:translateX(-1%)}40%{opacity:1;transform:translateX(1%)}50%{opacity:.8;transform:translateX(0)}}@keyframes glitch-subtitle-1{0%,to{opacity:.5;transform:translateX(0)}20%,60%{opacity:0;transform:translateX(-1px)}}@keyframes glitch-subtitle-2{0%,to{opacity:.5;transform:translateX(0)}40%,80%{opacity:0;transform:translateX(1px)}}@keyframes glitch-code-flicker{0%,to{opacity:1}92%{opacity:1}93%{opacity:.6}94%{opacity:1}95%{opacity:.8}96%{opacity:1}}.glitch-container:hover .glitch-main:before{animation-duration:.2s;animation-timing-function:steps(2)}.glitch-container:hover .glitch-main:after{animation-duration:.2s;animation-timing-function:steps(3)}.glitch-container:hover .glitch-layer-b,.glitch-container:hover .glitch-layer-g,.glitch-container:hover .glitch-layer-r{animation-duration:.1s}.glitch-container:hover .glitch-distort-1,.glitch-container:hover .glitch-distort-2{animation-duration:.05s}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.animate-fade-in{animation:fade-in .3s ease-in}@media (max-width:768px){.glitch-main:after,.glitch-main:before{animation-duration:1s}.glitch-noise{animation:none;opacity:.5}.glitch-subtitle:after,.glitch-subtitle:before{display:none}.glitch-distort-1,.glitch-distort-2{animation-duration:.5s}.glitch-video{animation:none;filter:contrast(1.1) brightness(.9)}}.touch-control{-webkit-tap-highlight-color:transparent;touch-action:manipulation;user-select:none}