:root{--bg-color:#00a6a6;--blend-1:normal;--blend-2:normal;--blend-3:normal;--time-anim:2s}.glitch-container{z-index:0;width:100vw;height:100vh;position:fixed;top:0;left:0;overflow:hidden}.glitch-image{z-index:0;background:url(/images/glitch-desktop.webp) 50%/cover;position:absolute;inset:0}@media (max-width:478px){.glitch-image{z-index:0;background:url(/images/glitch-mobile.webp) 50%/cover;position:absolute;inset:0}}.glitch-image:first-child{opacity:1}.glitch-image:nth-child(2){background-blend-mode:var(--blend-1);background-color:red}.glitch-image:nth-child(3){background-blend-mode:var(--blend-2);background-color:green}.glitch-image:nth-child(4){background-blend-mode:var(--blend-3);background-color:#00f}.glitch-image:nth-child(n+2){opacity:0}.glitch-image:nth-child(n+1){opacity:1}.glitch-image:nth-child(2){animation:3s linear infinite alternate glitch-horizontal;transform:translate(1.1px)}.glitch-image:nth-child(3){animation:2s linear infinite alternate glitch-horizontal-2;transform:translate(-1.1px)}.glitch-image:nth-child(4){animation:1s linear infinite alternate glitch-vertical;transform:translate(-1.1px)}.glitch-image:nth-child(5){animation:.5s step-end infinite glitch-flash;transform:translateY(1.1px)scale(-1)}.glitch-image:nth-child(6){animation:.5s step-end infinite glitch-flash-2;transform:translateY(1.3px)scale(-1)}@keyframes glitch-horizontal{0%{clip-path:polygon(0 2%,100% 2%,100% 5%,0 5%)}10%{clip-path:polygon(0 15%,100% 15%,100% 15%,0 15%)}20%{clip-path:polygon(0 10%,100% 10%,100% 20%,0 20%)}30%{clip-path:polygon(0 1%,100% 1%,100% 2%,0 2%)}40%{clip-path:polygon(0 33%,100% 33%,100% 33%,0 33%)}50%{clip-path:polygon(0 44%,100% 44%,100% 44%,0 44%)}60%{clip-path:polygon(0 50%,100% 50%,100% 20%,0 20%)}70%{clip-path:polygon(0 70%,100% 70%,100% 70%,0 70%)}80%{clip-path:polygon(0 80%,100% 80%,100% 80%,0 80%)}90%{clip-path:polygon(0 50%,100% 50%,100% 55%,0 55%)}to{clip-path:polygon(0 70%,100% 70%,100% 80%,0 80%)}}@keyframes glitch-horizontal-2{0%{opacity:1;clip-path:polygon(0 25%,100% 25%,100% 30%,0 30%);transform:translate(-10px)}3%{clip-path:polygon(0 3%,100% 3%,100% 3%,0 3%)}5%{clip-path:polygon(0 5%,100% 5%,100% 20%,0 20%)}7%{clip-path:polygon(0 20%,100% 20%,100% 20%,0 20%)}9%{clip-path:polygon(0 40%,100% 40%,100% 40%,0 40%)}11%{clip-path:polygon(0 52%,100% 52%,100% 59%,0 59%)}13%{clip-path:polygon(0 60%,100% 60%,100% 60%,0 60%)}15%{clip-path:polygon(0 75%,100% 75%,100% 75%,0 75%)}17%{clip-path:polygon(0 65%,100% 65%,100% 40%,0 40%)}19%{clip-path:polygon(0 45%,100% 45%,100% 50%,0 50%)}20%{clip-path:polygon(0 14%,100% 14%,100% 33%,0 33%)}21.9%{opacity:1;transform:translate(-10px)}22%,to{opacity:0;clip-path:polygon(0 0,0 0,0 0,0 0);transform:translate(0,0)}}@keyframes glitch-vertical{0%{opacity:1;clip-path:polygon(0 1%,100% 1%,100% 3%,0 3%);transform:translateY(-5px)scale(-1)}1.5%{clip-path:polygon(0 10%,100% 10%,100% 9%,0 9%)}2%{clip-path:polygon(0 5%,100% 5%,100% 6%,0 6%)}2.5%{clip-path:polygon(0 20%,100% 20%,100% 20%,0 20%)}3%{clip-path:polygon(0 10%,100% 10%,100% 10%,0 10%)}5%{clip-path:polygon(0 30%,100% 30%,100% 25%,0 25%)}5.5%{clip-path:polygon(0 15%,100% 15%,100% 16%,0 16%)}7%{clip-path:polygon(0 40%,100% 40%,100% 39%,0 39%)}8%{clip-path:polygon(0 20%,100% 20%,100% 21%,0 21%)}9%{clip-path:polygon(0 60%,100% 60%,100% 55%,0 55%)}10.5%{clip-path:polygon(0 30%,100% 30%,100% 31%,0 31%)}11%{clip-path:polygon(0 70%,100% 70%,100% 69%,0 69%)}13%{clip-path:polygon(0 40%,100% 40%,100% 41%,0 41%)}14%{clip-path:polygon(0 80%,100% 80%,100% 75%,0 75%)}14.5%{clip-path:polygon(0 50%,100% 50%,100% 51%,0 51%)}15%{clip-path:polygon(0 90%,100% 90%,100% 90%,0 90%)}16%{clip-path:polygon(0 60%,100% 60%,100% 60%,0 60%)}18%{clip-path:polygon(0 100%,100% 100%,100% 99%,0 99%)}20%{clip-path:polygon(0 70%,100% 70%,100% 71%,0 71%)}21.9%{opacity:1;transform:translateY(-10px)scale(-1)}22%,to{opacity:0;clip-path:polygon(0 0,0 0,0 0,0 0);transform:translate(0,0)}}@keyframes glitch-flash{0%{opacity:.2;transform:translate(10px,5px)}33%,to{opacity:0;transform:translate(0,0)}}@keyframes glitch-flash-2{0%{opacity:.2;transform:translate(5px,10px)}13%,to{opacity:0;transform:translate(0,0)}}
