: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:6.29em;--top-offset:49vh;--fall-duration:10.093s;--fall-delay:4.503s}.star:nth-child(2){--star-tail-length:6.31em;--top-offset:67vh;--fall-duration:8.715s;--fall-delay:1.787s}.star:nth-child(3){--star-tail-length:6.95em;--top-offset:-82vh;--fall-duration:9.226s;--fall-delay:1.148s}.star:nth-child(4){--star-tail-length:6.27em;--top-offset:-94vh;--fall-duration:6.059s;--fall-delay:7.421s}.star:nth-child(5){--star-tail-length:5.32em;--top-offset:50vh;--fall-duration:9.859s;--fall-delay:2.014s}.star:nth-child(6){--star-tail-length:5.41em;--top-offset:-46vh;--fall-duration:8.461s;--fall-delay:4.152s}.star:nth-child(7){--star-tail-length:6.44em;--top-offset:96vh;--fall-duration:10.531s;--fall-delay:3.049s}.star:nth-child(8){--star-tail-length:6.81em;--top-offset:-4vh;--fall-duration:8.945s;--fall-delay:1.255s}.star:nth-child(9){--star-tail-length:5.84em;--top-offset:-128vh;--fall-duration:7.756s;--fall-delay:3.309s}.star:nth-child(10){--star-tail-length:6.84em;--top-offset:9vh;--fall-duration:8.947s;--fall-delay:7.764s}.star:nth-child(11){--star-tail-length:6.49em;--top-offset:-79vh;--fall-duration:9.606s;--fall-delay:6.385s}.star:nth-child(12){--star-tail-length:5.36em;--top-offset:-14vh;--fall-duration:7.546s;--fall-delay:9.422s}.star:nth-child(13){--star-tail-length:7.26em;--top-offset:-90vh;--fall-duration:9.229s;--fall-delay:9.18s}.star:nth-child(14){--star-tail-length:6.12em;--top-offset:-68vh;--fall-duration:10.638s;--fall-delay:6.276s}.star:nth-child(15){--star-tail-length:7.3em;--top-offset:-139vh;--fall-duration:9.089s;--fall-delay:3.089s}.star:nth-child(16){--star-tail-length:6.03em;--top-offset:-53vh;--fall-duration:9.602s;--fall-delay:.68s}.star:nth-child(17){--star-tail-length:5.11em;--top-offset:67vh;--fall-duration:8.807s;--fall-delay:7.851s}.star:nth-child(18){--star-tail-length:5.9em;--top-offset:63vh;--fall-duration:11.418s;--fall-delay:6.263s}.star:nth-child(19){--star-tail-length:6.31em;--top-offset:-81vh;--fall-duration:9.208s;--fall-delay:.367s}.star:nth-child(20){--star-tail-length:6.73em;--top-offset:58vh;--fall-duration:6.848s;--fall-delay:7.572s}.star:nth-child(21){--star-tail-length:6.77em;--top-offset:-161vh;--fall-duration:6.464s;--fall-delay:1.547s}.star:nth-child(22){--star-tail-length:6.92em;--top-offset:13vh;--fall-duration:9.924s;--fall-delay:1.318s}.star:nth-child(23){--star-tail-length:6.81em;--top-offset:-103vh;--fall-duration:7.5s;--fall-delay:8.352s}.star:nth-child(24){--star-tail-length:5.77em;--top-offset:-95vh;--fall-duration:11.438s;--fall-delay:6.396s}.star:nth-child(25){--star-tail-length:6.72em;--top-offset:-16vh;--fall-duration:11.523s;--fall-delay:5.753s}.star:nth-child(26){--star-tail-length:5.6em;--top-offset:-69vh;--fall-duration:7.783s;--fall-delay:7.803s}.star:nth-child(27){--star-tail-length:6.75em;--top-offset:-142vh;--fall-duration:7.04s;--fall-delay:1.192s}.star:nth-child(28){--star-tail-length:5.24em;--top-offset:-26vh;--fall-duration:10.228s;--fall-delay:.961s}.star:nth-child(29){--star-tail-length:6.61em;--top-offset:-132vh;--fall-duration:8.665s;--fall-delay:8.512s}.star:nth-child(30){--star-tail-length:5.12em;--top-offset:-55vh;--fall-duration:6.7s;--fall-delay:8.465s}.star:nth-child(31){--star-tail-length:6.38em;--top-offset:13vh;--fall-duration:10.959s;--fall-delay:5.838s}.star:nth-child(32){--star-tail-length:6.49em;--top-offset:-138vh;--fall-duration:10.813s;--fall-delay:2.761s}.star:nth-child(33){--star-tail-length:5.6em;--top-offset:-200vh;--fall-duration:10.101s;--fall-delay:3.842s}.star:nth-child(34){--star-tail-length:5.23em;--top-offset:-14vh;--fall-duration:10.739s;--fall-delay:.362s}.star:nth-child(35){--star-tail-length:6.38em;--top-offset:23vh;--fall-duration:9.183s;--fall-delay:3.441s}.star:nth-child(36){--star-tail-length:6.58em;--top-offset:-188vh;--fall-duration:7.919s;--fall-delay:5.472s}.star:nth-child(37){--star-tail-length:6.84em;--top-offset:8vh;--fall-duration:9.228s;--fall-delay:1.734s}.star:nth-child(38){--star-tail-length:6.65em;--top-offset:-49vh;--fall-duration:7.105s;--fall-delay:1.743s}.star:nth-child(39){--star-tail-length:5.22em;--top-offset:24vh;--fall-duration:10.439s;--fall-delay:5.829s}.star:nth-child(40){--star-tail-length:6.12em;--top-offset:-72vh;--fall-duration:6.539s;--fall-delay:9.591s}.star:nth-child(41){--star-tail-length:5.85em;--top-offset:-95vh;--fall-duration:11.006s;--fall-delay:1.532s}.star:nth-child(42){--star-tail-length:5em;--top-offset:79vh;--fall-duration:11.137s;--fall-delay:7.636s}.star:nth-child(43){--star-tail-length:6.23em;--top-offset:-31vh;--fall-duration:11.247s;--fall-delay:1.273s}.star:nth-child(44){--star-tail-length:5.01em;--top-offset:76vh;--fall-duration:6.948s;--fall-delay:2.463s}.star:nth-child(45){--star-tail-length:5.34em;--top-offset:-144vh;--fall-duration:7.853s;--fall-delay:7.505s}.star:nth-child(46){--star-tail-length:7.27em;--top-offset:-179vh;--fall-duration:10.774s;--fall-delay:4.674s}.star:nth-child(47){--star-tail-length:6.47em;--top-offset:-34vh;--fall-duration:10.758s;--fall-delay:3.942s}.star:nth-child(48){--star-tail-length:6.91em;--top-offset:96vh;--fall-duration:6.761s;--fall-delay:6.393s}.star:nth-child(49){--star-tail-length:5.11em;--top-offset:25vh;--fall-duration:7.036s;--fall-delay:4.263s}.star:nth-child(50){--star-tail-length:5.58em;--top-offset:-104vh;--fall-duration:11.401s;--fall-delay:4.137s}.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}}