.clouds>div:first-child{animation-duration:3.15s;animation-delay:.15s}.clouds>div:nth-child(2){animation-duration:3.53s;animation-delay:.53s}.clouds>div:nth-child(3){animation-duration:3.271s;animation-delay:.271s}.clouds>div:nth-child(4){animation-duration:3.471s;animation-delay:.471s}.clouds>div:nth-child(5){animation-duration:3.211s;animation-delay:1.211s}.clouds>div:nth-child(6){animation-duration:3.335s;animation-delay:.335s}
@keyframes polkaAnimation{0%,to{background-image:radial-gradient(var(--color-1) 10%, transparent 1%), radial-gradient(var(--color-1) 10%, transparent 1%)}3%{background-image:radial-gradient(var(--color-1) 13%, transparent 1%), radial-gradient(var(--color-1) 13%, transparent 1%)}6%{background-image:radial-gradient(var(--color-1) 16%, transparent 1%), radial-gradient(var(--color-1) 16%, transparent 1%)}9%{background-image:radial-gradient(var(--color-1) 19%, transparent 1%), radial-gradient(var(--color-1) 19%, transparent 1%)}12%{background-image:radial-gradient(var(--color-1) 22%, transparent 1%), radial-gradient(var(--color-1) 22%, transparent 1%)}15%{background-image:radial-gradient(var(--color-1) 25%, transparent 1%), radial-gradient(var(--color-1) 25%, transparent 1%)}18%{background-image:radial-gradient(var(--color-1) 28%, transparent 1%), radial-gradient(var(--color-1) 28%, transparent 1%)}21%{background-image:radial-gradient(var(--color-1) 31%, transparent 1%), radial-gradient(var(--color-1) 31%, transparent 1%)}24%{background-image:radial-gradient(var(--color-1) 34%, transparent 1%), radial-gradient(var(--color-1) 34%, transparent 1%)}27%{background-image:radial-gradient(var(--color-1) 37%, transparent 1%), radial-gradient(var(--color-1) 37%, transparent 1%)}30%{background-image:radial-gradient(var(--color-1) 40%, transparent 1%), radial-gradient(var(--color-1) 40%, transparent 1%)}33%{background-image:radial-gradient(var(--color-1) 37%, transparent 1%), radial-gradient(var(--color-1) 37%, transparent 1%)}36%{background-image:radial-gradient(var(--color-1) 34%, transparent 1%), radial-gradient(var(--color-1) 34%, transparent 1%)}39%{background-image:radial-gradient(var(--color-1) 31%, transparent 1%), radial-gradient(var(--color-1) 31%, transparent 1%)}42%{background-image:radial-gradient(var(--color-1) 28%, transparent 1%), radial-gradient(var(--color-1) 28%, transparent 1%)}45%{background-image:radial-gradient(var(--color-1) 25%, transparent 1%), radial-gradient(var(--color-1) 25%, transparent 1%)}48%{background-image:radial-gradient(var(--color-1) 22%, transparent 1%), radial-gradient(var(--color-1) 22%, transparent 1%)}51%{background-image:radial-gradient(var(--color-1) 19%, transparent 1%), radial-gradient(var(--color-1) 19%, transparent 1%)}54%{background-image:radial-gradient(var(--color-1) 16%, transparent 1%), radial-gradient(var(--color-1) 16%, transparent 1%)}57%{background-image:radial-gradient(var(--color-1) 13%, transparent 1%), radial-gradient(var(--color-1) 13%, transparent 1%)}60%{background-image:radial-gradient(var(--color-1) 10%, transparent 1%), radial-gradient(var(--color-1) 10%, transparent 1%)}}.polka{background-image:radial-gradient(var(--color-1) 30.8%, transparent 1%), radial-gradient(var(--color-1) 30.8%, transparent 1%);background-position:0 0,20px 20px;background-size:40px 40px;background-color:var(--color-2);animation:5s ease-in-out infinite alternate polkaAnimation}
@keyframes zigzagScroll{0%{background-position:-50px 0,-50px 0,0 0,0 0}to{background-position:-50px 100px,-50px 100px,0 100px,0 100px}}.zigzag{background:linear-gradient(135deg, var(--color-1) 25%, transparent 25%) -50px 0, linear-gradient(225deg, var(--color-1) 25%, transparent 25%) -50px 0, linear-gradient(315deg, var(--color-1) 25%, transparent 25%), linear-gradient(45deg, var(--color-1) 25%, transparent 25%);background-size:101px 101px;background-color:var(--color-2);animation:5s linear infinite zigzagScroll}
:root{--twinkle-duration:4s}.stars-wrapper{pointer-events:none;background:linear-gradient(#16161d,#1f1f3a,#3b2f4a);width:100%;height:100%;position:relative;overflow:hidden}.stars{-webkit-animation:twinkle var(--twinkle-duration) ease-in-out infinite;animation:twinkle var(--twinkle-duration) ease-in-out infinite;position:absolute;inset:0}.stars:nth-child(2){-webkit-animation-delay:calc(var(--twinkle-duration) * -.33);animation-delay:calc(var(--twinkle-duration) * -.33)}.stars:nth-child(3){-webkit-animation-delay:calc(var(--twinkle-duration) * -.66);animation-delay:calc(var(--twinkle-duration) * -.66)}@keyframes twinkle{25%{opacity:0}}.star{fill:#fff}.star:nth-child(3n){opacity:.8}.star:nth-child(7n){opacity:.6}.star:nth-child(13n){opacity:.4}.star:nth-child(19n){opacity:.2}.comet{transform-origin:50%;animation:10s linear infinite comet}@keyframes comet{0%,40%{opacity:0;transform:translate(0)}50%{opacity:1}60%,to{opacity:0;transform:translate(-100vmax)}}.comet-b{animation-delay:-3.3s}.comet-c{animation-delay:-5s}