.container1[data-astro-cid-be3jf4r2],.container2[data-astro-cid-be3jf4r2],.container3[data-astro-cid-be3jf4r2],.container[data-astro-cid-be3jf4r2]{max-width:100%;overflow:hidden;position:relative;--time:""}.container1[data-astro-cid-be3jf4r2]>img[data-astro-cid-be3jf4r2],.container2[data-astro-cid-be3jf4r2]>img[data-astro-cid-be3jf4r2],.container3[data-astro-cid-be3jf4r2]>img[data-astro-cid-be3jf4r2],.container[data-astro-cid-be3jf4r2]>img[data-astro-cid-be3jf4r2]{max-width:100%;width:100%}.container1[data-astro-cid-be3jf4r2]{background-color:khaki}.container1[data-astro-cid-be3jf4r2]>img[data-astro-cid-be3jf4r2]{opacity:0}.container2[data-astro-cid-be3jf4r2] .overlay[data-astro-cid-be3jf4r2],.container3[data-astro-cid-be3jf4r2] .overlay[data-astro-cid-be3jf4r2]{background-color:#00fa9a;background-image:none}.container3[data-astro-cid-be3jf4r2]:before{animation-name:timer}.container3[data-astro-cid-be3jf4r2] .overlay[data-astro-cid-be3jf4r2],.container3[data-astro-cid-be3jf4r2]:before{animation-direction:alternate;animation-duration:20s;animation-iteration-count:infinite;animation-timing-function:steps(21,jump-start)}.container3[data-astro-cid-be3jf4r2]:before{clip-path:none;color:#fff;content:var(--time);left:1rem;padding:.2rem;position:absolute;text-shadow:1px 1px 4px #000;top:1rem;z-index:1000}.overlay[data-astro-cid-be3jf4r2]{animation-direction:alternate;animation-duration:2s;animation-iteration-count:infinite;animation-name:glitch;animation-timing-function:linear;background-image:url(/cyberpunk.jpg);background-position:top;background-repeat:no-repeat;background-size:100%;display:block;height:100%;transform:rotate(-2deg);width:100%}.overlay[data-astro-cid-be3jf4r2],.warning[data-astro-cid-be3jf4r2]{left:0;position:absolute;top:0}.warning[data-astro-cid-be3jf4r2]{align-items:center;background-color:#0009;bottom:0;display:none;font-size:1.2rem;font-style:italic;justify-content:center;right:0}@media(prefers-reduced-motion:reduce){.container3[data-astro-cid-be3jf4r2],.overlay[data-astro-cid-be3jf4r2]{animation:none}.warning[data-astro-cid-be3jf4r2]{display:flex}}@keyframes timer{0%{--time:"0s"}5%{--time:"1s"}10%{--time:"2s"}15%{--time:"3s"}20%{--time:"4s"}25%{--time:"5s"}30%{--time:"6s"}35%{--time:"7s"}40%{--time:"8s"}45%{--time:"9s"}50%{--time:"10s"}55%{--time:"10s"}60%{--time:"12s"}65%{--time:"13s"}70%{--time:"14s"}75%{--time:"15s"}80%{--time:"16s"}85%{--time:"17s"}90%{--time:"18s"}95%{--time:"19s"}to{--time:"20s"}}@keyframes glitch{0%{clip-path:polygon(0 2%,100% 2%,100% 5%,0 5%);opacity:1;transform:translateZ(0) rotate(-2deg)}2%{clip-path:polygon(0 78%,100% 78%,100% 100%,0 100%);transform:translate(-5px) rotate(-2deg)}6%{clip-path:polygon(0 78%,100% 78%,100% 100%,0 100%);transform:translate(5px) rotate(-2deg)}8%{clip-path:polygon(0 78%,100% 78%,100% 100%,0 100%);transform:translate(-5px) rotate(-2deg)}9%{clip-path:polygon(0 78%,100% 78%,100% 100%,0 100%);transform:translate(0) rotate(-2deg)}10%{clip-path:polygon(0 54%,100% 54%,100% 44%,0 44%);transform:translate3d(5px,0,0) rotate(-2deg)}13%{clip-path:polygon(0 54%,100% 54%,100% 44%,0 44%);transform:translateZ(0) rotate(-2deg)}13.1%{clip-path:polygon(0 0,0 0,0 0,0 0);transform:translate3d(5px,0,0) rotate(-2deg)}15%{clip-path:polygon(0 60%,100% 60%,100% 40%,0 40%);transform:translate3d(5px,0,0) rotate(-2deg)}20%{clip-path:polygon(0 60%,100% 60%,100% 40%,0 40%);transform:translate3d(-5px,0,0) rotate(-2deg)}20.1%{clip-path:polygon(0 0,0 0,0 0,0 0);transform:translate3d(5px,0,0) rotate(-2deg)}25%{clip-path:polygon(0 85%,100% 85%,100% 40%,0 40%);transform:translate3d(5px,0,0) rotate(-2deg)}30%{clip-path:polygon(0 85%,100% 85%,100% 40%,0 40%);transform:translate3d(-5px,0,0) rotate(-2deg)}30.1%{clip-path:polygon(0 0,0 0,0 0,0 0) rotate(-2deg)}35%{clip-path:polygon(0 63%,100% 63%,100% 80%,0 80%);transform:translate(-5px) rotate(-2deg)}40%{clip-path:polygon(0 63%,100% 63%,100% 80%,0 80%);transform:translate(5px) rotate(-2deg)}45%{clip-path:polygon(0 63%,100% 63%,100% 80%,0 80%);transform:translate(-5px) rotate(-2deg)}50%{clip-path:polygon(0 63%,100% 63%,100% 80%,0 80%);transform:translate(0) rotate(-2deg)}55%{clip-path:polygon(0 10%,100% 10%,100% 0,0 0);transform:translate3d(5px,0,0) rotate(-2deg)}60%{clip-path:polygon(0 10%,100% 10%,100% 0,0 0);opacity:1;transform:translateZ(0) rotate(-2deg)}60.1%{clip-path:polygon(0 0,0 0,0 0,0 0);opacity:1}to{clip-path:polygon(0 0,0 0,0 0,0 0);opacity:1}}