*{margin:0;padding:0;box-sizing:border-box}body{overflow:hidden}section{position:absolute;top:0;left:0;width:100%;height:100vh;background-size:cover}#star{left:50%;width:4px;height:4px;background:#ff0;border-radius:50%;box-shadow:0 0 0 4px hsla(0,0%,100%,.1),0 0 0 8px hsla(0,0%,100%,.1),0 0 20px hsla(0,0%,100%,.1);animation:animate 3s linear infinite}#star,#star:before{position:absolute;top:50%}#star:before{content:"";transform:translateY(-50%);width:300px;height:1px;background:linear-gradient(90deg,#ff0,transparent)}@keyframes animate{0%{transform:rotate(315deg) translateX(0);opacity:1}70%{opacity:1}to{transform:rotate(315deg) translateX(-1000px);opacity:0}}#star:first-child{top:0;right:0;left:auto;animation-delay:0s;animation-duration:1s}#star:nth-child(2){top:0;right:80px;left:auto;animation-delay:.2s;animation-duration:3s}#star:nth-child(3){top:80;right:0;left:auto;animation-delay:.4s;animation-duration:2s}#star:nth-child(4){top:0;right:180px;left:auto;animation-delay:.6s;animation-duration:1.5s}#star:nth-child(5){top:0;right:400px;left:auto;animation-delay:.8s;animation-duration:2.5s}#star:nth-child(6){top:0;right:600px;left:auto;animation-delay:1s;animation-duration:3s}#star:nth-child(7){top:300px;right:0;left:auto;animation-delay:1.2s;animation-duration:1.75s}#star:nth-child(8){top:0;right:700px;left:auto;animation-delay:1.4s;animation-duration:1.25s}#star:nth-child(9){top:0;right:450px;left:auto;animation-delay:2.75s;animation-duration:2.75s}