.shooting-stars-container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;overflow:hidden;pointer-events:none}.star{position:absolute;top:50%;left:50%;height:2px;background:linear-gradient(-45deg,#5f91ff,#00f0);filter:drop-shadow(0 0 6px #699bff);animation:tail 3s ease-in-out infinite,shooting 3s ease-in-out infinite}.star:before,.star:after{content:"";position:absolute;top:calc(50% - 1px);right:0;height:2px;background:linear-gradient(-45deg,#00f0,#5f91ff,#00f0);transform:translate(50%) rotate(45deg);border-radius:100%;animation:shining 3s ease-in-out infinite}.star:after{transform:translate(50%) rotate(-45deg)}.star:nth-child(1){top:0;left:0;animation-delay:0ms}.star:nth-child(1):before,.star:nth-child(1):after{animation-delay:0ms}.star:nth-child(2){top:0;left:20%;animation-delay:2s}.star:nth-child(2):before,.star:nth-child(2):after{animation-delay:2s}.star:nth-child(3){top:0;left:40%;animation-delay:4s}.star:nth-child(3):before,.star:nth-child(3):after{animation-delay:4s}.star:nth-child(4){top:0;left:60%;animation-delay:6s}.star:nth-child(4):before,.star:nth-child(4):after{animation-delay:6s}.star:nth-child(5){top:0;left:80%;animation-delay:8s}.star:nth-child(5):before,.star:nth-child(5):after{animation-delay:8s}@keyframes tail{0%{width:0}30%{width:100px}to{width:0}}@keyframes shooting{0%{transform:translate(0)}to{transform:translate(300px)}}@keyframes shining{0%{width:0}50%{width:30px}to{width:0}}.shooting-stars-wrapper{position:absolute;top:0;left:0;width:100%;height:100%;transform:rotate(45deg)}