#sky{z-index:-1;background:linear-gradient(#01041f 0%,#082b33 100%);width:100%;height:100%;position:fixed;overflow:hidden}.star{background-color:#fff;border-radius:50%;width:1px;height:1px;position:fixed}.star:before{content:"";opacity:0;background-color:#fffc;border-radius:50%;width:10px;height:10px;animation:2s infinite starTwinkle;position:absolute;top:-5px;left:-5px}.shooting-star{opacity:1;z-index:1;background-color:#fff;width:2px;height:10px;animation:.5s linear forwards shootingStarAnimation;position:absolute;transform:rotate(45deg)}@keyframes starTwinkle{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(.5)}to{opacity:0;transform:scale(.5)}}@keyframes shootingStarAnimation{0%{opacity:1;transform:translate(-200px)translateY(-200px)rotate(70deg)}to{opacity:0;transform:translate(200px)translateY(-300px)rotate(70deg)}}.star:first-child:before{animation-delay:.8s}.star:nth-child(2):before{animation-delay:1.2s}.star:nth-child(3):before{animation-delay:.9s}.star:nth-child(4):before{animation-delay:1.4s}.star:nth-child(5):before{animation-delay:1.1s}.star:nth-child(6):before{animation-delay:.7s}.star:nth-child(7):before{animation-delay:1.3s}.star:nth-child(8):before{animation-delay:.6s}.star:nth-child(9):before{animation-delay:1.5s}.star:nth-child(10):before{animation-delay:.5s}.star:nth-child(15):before{animation-delay:.8s}.star:nth-child(16):before{animation-delay:1.2s}.star:nth-child(17):before{animation-delay:.9s}.star:nth-child(18):before{animation-delay:1.4s}.star:nth-child(19):before{animation-delay:1.1s}.star:nth-child(20):before{animation-delay:.7s}.star:nth-child(11):before{animation-delay:1.3s}.star:nth-child(12):before{animation-delay:.6s}.star:nth-child(13):before{animation-delay:1.5s}.star:nth-child(14):before{animation-delay:.5s}