.nightsky{background:linear-gradient(to bottom,#0a0e27,#000);position:relative;overflow:hidden;animation:slowPulse 8s ease-in-out infinite}.nightsky:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(2px 2px at 20% 30%,white,transparent),radial-gradient(2px 2px at 60% 70%,white,transparent),radial-gradient(1px 1px at 50% 50%,white,transparent),radial-gradient(1px 1px at 80% 10%,white,transparent),radial-gradient(2px 2px at 90% 40%,white,transparent),radial-gradient(1px 1px at 33% 60%,white,transparent),radial-gradient(1px 1px at 10% 80%,white,transparent),radial-gradient(2px 2px at 70% 30%,white,transparent),radial-gradient(1px 1px at 45% 20%,white,transparent),radial-gradient(1px 1px at 25% 90%,white,transparent),radial-gradient(2px 2px at 55% 80%,white,transparent),radial-gradient(1px 1px at 85% 60%,white,transparent),radial-gradient(1px 1px at 15% 50%,white,transparent),radial-gradient(2px 2px at 40% 10%,white,transparent),radial-gradient(1px 1px at 75% 50%,white,transparent),radial-gradient(1px 1px at 5% 70%,white,transparent),radial-gradient(2px 2px at 95% 20%,white,transparent),radial-gradient(1px 1px at 65% 90%,white,transparent),radial-gradient(2px 2px at 30% 40%,white,transparent),radial-gradient(1px 1px at 50% 70%,white,transparent),radial-gradient(2px 2px at 88% 55%,white,transparent),radial-gradient(1px 1px at 12% 35%,white,transparent),radial-gradient(1px 1px at 72% 15%,white,transparent),radial-gradient(2px 2px at 37% 85%,white,transparent),radial-gradient(1px 1px at 63% 25%,white,transparent),radial-gradient(1px 1px at 92% 75%,white,transparent),radial-gradient(2px 2px at 48% 65%,white,transparent),radial-gradient(1px 1px at 18% 15%,white,transparent);background-size:100% 100%;background-repeat:no-repeat;opacity:.9;animation:staticStars 60s linear infinite}.nightsky:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(3px 3px at 25% 25%,white,transparent),radial-gradient(2px 2px at 50% 60%,white,transparent),radial-gradient(3px 3px at 75% 40%,white,transparent),radial-gradient(2px 2px at 30% 80%,white,transparent),radial-gradient(3px 3px at 70% 20%,white,transparent),radial-gradient(2px 2px at 15% 50%,white,transparent),radial-gradient(3px 3px at 85% 70%,white,transparent),radial-gradient(2px 2px at 55% 35%,white,transparent),radial-gradient(3px 3px at 42% 75%,white,transparent),radial-gradient(2px 2px at 88% 50%,white,transparent),radial-gradient(3px 3px at 62% 15%,white,transparent),radial-gradient(2px 2px at 22% 65%,white,transparent),radial-gradient(3px 3px at 78% 85%,white,transparent),radial-gradient(2px 2px at 45% 30%,white,transparent),radial-gradient(3px 3px at 92% 25%,white,transparent),radial-gradient(2px 2px at 35% 90%,white,transparent),radial-gradient(3px 3px at 65% 55%,white,transparent),radial-gradient(2px 2px at 12% 40%,white,transparent),radial-gradient(3px 3px at 58% 80%,white,transparent),radial-gradient(2px 2px at 82% 35%,white,transparent);background-size:100% 100%;background-repeat:no-repeat;opacity:1;animation:starTravel 15s linear infinite;animation-delay:-5s}.nightsky>*{position:relative;z-index:1}@keyframes staticStars{0%{background-position:0 0,0 0,0 0,0 0,0 0,0 0,0 0,0 0,0 0,0 0,0 0,0 0,0 0,0 0,0 0,0 0,0 0,0 0,0 0,0 0,0 0,0 0,0 0,0 0,0 0,0 0,0 0,0 0,0 0}to{background-position:10px 5px,-5px 10px,5px -5px,-10px 5px,5px 10px,-5px -5px,10px -10px,-10px -5px,5px -10px,-5px 10px,10px 5px,-5px -5px,5px 10px,-10px 5px,5px -10px,-5px 5px,10px -5px,-5px 10px,5px -5px,-10px 10px,5px 5px,-5px -10px,10px 5px,-5px -5px,5px 10px,-10px -5px,5px -5px,-5px 10px,10px 5px}}@keyframes starTravel{0%{transform:translate(-50px) translateY(50px);opacity:0}10%{opacity:1}50%{transform:translate(50px) translateY(-50px);opacity:1}90%{opacity:1}to{transform:translate(100px) translateY(-100px);opacity:0}}@keyframes slowPulse{0%,to{filter:brightness(1)}50%{filter:brightness(1.2)}}.nightsky .star{position:absolute;background:#fff;border-radius:50%;animation:shine 2s ease-in-out infinite}@keyframes shine{0%,to{opacity:.4;box-shadow:0 0 10px #ffffff4d}50%{opacity:1;box-shadow:0 0 20px #fffc,0 0 30px #fff9}}@keyframes shootingStar{0%{transform:translate(-100%) translateY(100%);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translate(100%) translateY(-100%);opacity:0}}