:root{--primary-color:#fff}.starfall-container{background:radial-gradient(at bottom,#3838389c 0%,#000 100%);justify-content:center;align-items:center;width:100%;min-height:100vh;display:flex;position:relative;overflow:hidden}.stars{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0;transform:rotate(-45deg)}.star{--star-color:var(--primary-color);--star-tail-length:6em;--star-tail-height:4px;--star-width:calc(var(--star-tail-length)/6);--fall-duration:9s;--tail-fade-duration:var(--fall-duration);top:var(--top-offset);width:var(--star-tail-length);height:var(--star-tail-height);color:var(--star-color);filter:drop-shadow(0 0 6px);animation:fall var(--fall-duration)var(--fall-delay)linear infinite,tail-fade var(--tail-fade-duration)var(--fall-delay)ease-out infinite;background:linear-gradient(45deg,currentColor,#0000);border-radius:50%;position:absolute;left:0;transform:translate(110em)}@media screen and (max-width:750px){.star{animation:fall var(--fall-duration)var(--fall-delay)linear infinite}}.star:first-child{--star-tail-length:5.02em;--top-offset:-108vh;--fall-duration:6.45s;--fall-delay:10ms}.star:nth-child(2){--star-tail-length:5.9em;--top-offset:-14vh;--fall-duration:6.991s;--fall-delay:2.417s}.star:nth-child(3){--star-tail-length:5.25em;--top-offset:2vh;--fall-duration:11.559s;--fall-delay:7.015s}.star:nth-child(4){--star-tail-length:5.07em;--top-offset:-79vh;--fall-duration:10.044s;--fall-delay:.292s}.star:nth-child(5){--star-tail-length:5.5em;--top-offset:-67vh;--fall-duration:8.329s;--fall-delay:2.384s}.star:nth-child(6){--star-tail-length:6.11em;--top-offset:-168vh;--fall-duration:9.654s;--fall-delay:5.897s}.star:nth-child(7){--star-tail-length:5.66em;--top-offset:-125vh;--fall-duration:7.795s;--fall-delay:.368s}.star:nth-child(8){--star-tail-length:5.84em;--top-offset:30vh;--fall-duration:11.298s;--fall-delay:1.639s}.star:nth-child(9){--star-tail-length:6.79em;--top-offset:-16vh;--fall-duration:7.511s;--fall-delay:4.864s}.star:nth-child(10){--star-tail-length:5.88em;--top-offset:-125vh;--fall-duration:8.979s;--fall-delay:4.704s}.star:nth-child(11){--star-tail-length:6.89em;--top-offset:48vh;--fall-duration:9.279s;--fall-delay:4.46s}.star:nth-child(12){--star-tail-length:6.18em;--top-offset:95vh;--fall-duration:11.754s;--fall-delay:1.739s}.star:nth-child(13){--star-tail-length:7.37em;--top-offset:-148vh;--fall-duration:9.361s;--fall-delay:9.219s}.star:nth-child(14){--star-tail-length:5.46em;--top-offset:-20vh;--fall-duration:10.675s;--fall-delay:6.523s}.star:nth-child(15){--star-tail-length:5.59em;--top-offset:56vh;--fall-duration:8.08s;--fall-delay:9.499s}.star:nth-child(16){--star-tail-length:5.43em;--top-offset:-20vh;--fall-duration:9.39s;--fall-delay:6.716s}.star:nth-child(17){--star-tail-length:5.04em;--top-offset:-133vh;--fall-duration:10.969s;--fall-delay:.663s}.star:nth-child(18){--star-tail-length:7.36em;--top-offset:58vh;--fall-duration:11.261s;--fall-delay:3.685s}.star:nth-child(19){--star-tail-length:5.67em;--top-offset:2vh;--fall-duration:7.66s;--fall-delay:2.451s}.star:nth-child(20){--star-tail-length:6.7em;--top-offset:44vh;--fall-duration:11.213s;--fall-delay:6.891s}.star:nth-child(21){--star-tail-length:7.04em;--top-offset:-40vh;--fall-duration:8.668s;--fall-delay:7.996s}.star:nth-child(22){--star-tail-length:6.52em;--top-offset:-145vh;--fall-duration:9.565s;--fall-delay:1.045s}.star:nth-child(23){--star-tail-length:6.56em;--top-offset:-29vh;--fall-duration:9.131s;--fall-delay:4.071s}.star:nth-child(24){--star-tail-length:6.83em;--top-offset:-39vh;--fall-duration:6.541s;--fall-delay:5.947s}.star:nth-child(25){--star-tail-length:6.14em;--top-offset:75vh;--fall-duration:11.764s;--fall-delay:2.87s}.star:nth-child(26){--star-tail-length:6.88em;--top-offset:-54vh;--fall-duration:9.242s;--fall-delay:8.191s}.star:nth-child(27){--star-tail-length:6.54em;--top-offset:5vh;--fall-duration:7.963s;--fall-delay:6.384s}.star:nth-child(28){--star-tail-length:7.16em;--top-offset:-130vh;--fall-duration:9.183s;--fall-delay:1.247s}.star:nth-child(29){--star-tail-length:6.39em;--top-offset:-200vh;--fall-duration:9.298s;--fall-delay:2.903s}.star:nth-child(30){--star-tail-length:6.93em;--top-offset:-11vh;--fall-duration:8.594s;--fall-delay:8.935s}.star:nth-child(31){--star-tail-length:5.3em;--top-offset:-111vh;--fall-duration:10.85s;--fall-delay:1.969s}.star:nth-child(32){--star-tail-length:6.77em;--top-offset:57vh;--fall-duration:9.218s;--fall-delay:8.557s}.star:nth-child(33){--star-tail-length:6.9em;--top-offset:30vh;--fall-duration:6.028s;--fall-delay:6.223s}.star:nth-child(34){--star-tail-length:5.62em;--top-offset:-181vh;--fall-duration:7.009s;--fall-delay:2.676s}.star:nth-child(35){--star-tail-length:6.58em;--top-offset:-150vh;--fall-duration:8.189s;--fall-delay:2.505s}.star:nth-child(36){--star-tail-length:5.78em;--top-offset:-49vh;--fall-duration:6.874s;--fall-delay:.988s}.star:nth-child(37){--star-tail-length:5.72em;--top-offset:-145vh;--fall-duration:10.007s;--fall-delay:6.592s}.star:nth-child(38){--star-tail-length:6.55em;--top-offset:17vh;--fall-duration:7.039s;--fall-delay:9.161s}.star:nth-child(39){--star-tail-length:5.31em;--top-offset:-194vh;--fall-duration:7.989s;--fall-delay:6.037s}.star:nth-child(40){--star-tail-length:7.34em;--top-offset:13vh;--fall-duration:7.603s;--fall-delay:6.6s}.star:nth-child(41){--star-tail-length:6.75em;--top-offset:-183vh;--fall-duration:10.704s;--fall-delay:8.595s}.star:nth-child(42){--star-tail-length:5.97em;--top-offset:-72vh;--fall-duration:6.624s;--fall-delay:9.646s}.star:nth-child(43){--star-tail-length:5.08em;--top-offset:-64vh;--fall-duration:9.916s;--fall-delay:.778s}.star:nth-child(44){--star-tail-length:6.26em;--top-offset:-31vh;--fall-duration:9.017s;--fall-delay:1.226s}.star:nth-child(45){--star-tail-length:5.89em;--top-offset:-60vh;--fall-duration:11.795s;--fall-delay:2.172s}.star:nth-child(46){--star-tail-length:5.3em;--top-offset:-198vh;--fall-duration:10.138s;--fall-delay:.922s}.star:nth-child(47){--star-tail-length:7.5em;--top-offset:-139vh;--fall-duration:11.831s;--fall-delay:7.01s}.star:nth-child(48){--star-tail-length:6.79em;--top-offset:92vh;--fall-duration:10.206s;--fall-delay:9.518s}.star:nth-child(49){--star-tail-length:6.04em;--top-offset:-152vh;--fall-duration:7.766s;--fall-delay:7.45s}.star:nth-child(50){--star-tail-length:5.1em;--top-offset:-22vh;--fall-duration:9.914s;--fall-delay:9.055s}.star:before,.star:after{content:"";top:0;left:calc(var(--star-width)/-2);width:var(--star-width);border-radius:inherit;background:linear-gradient(45deg,#0000,currentColor,#0000);height:100%;animation:2s linear infinite blink;position:absolute}.star:before{transform:rotate(45deg)}.star:after{transform:rotate(-45deg)}@keyframes fall{0%{transform:translate(110em)}to{transform:translate(-40em)}}@keyframes tail-fade{0%,50%{width:var(--star-tail-length);opacity:1}70%,80%{opacity:.4;width:0}to{opacity:0;width:0}}@keyframes blink{50%{opacity:.6}}