.stars{background-image:radial-gradient(2px 2px at 20px 30px,hsla(0,0%,100%,.3),transparent),radial-gradient(2px 2px at 40px 70px,hsla(0,0%,100%,.2),transparent),radial-gradient(1px 1px at 90px 40px,hsla(0,0%,100%,.4),transparent),radial-gradient(1px 1px at 130px 80px,hsla(0,0%,100%,.3),transparent),radial-gradient(2px 2px at 160px 30px,hsla(0,0%,100%,.2),transparent);background-size:200px 100px;animation:move-stars 20s linear infinite}.stars,.twinkling{position:absolute;top:0;left:0;width:100%;height:120%;transform:rotate(-45deg);background-repeat:repeat}.twinkling{background-image:radial-gradient(1px 1px at 25px 25px,hsla(0,0%,100%,.6),transparent),radial-gradient(1px 1px at 50px 75px,hsla(0,0%,100%,.4),transparent),radial-gradient(1px 1px at 75px 25px,hsla(0,0%,100%,.5),transparent),radial-gradient(1px 1px at 100px 75px,hsla(0,0%,100%,.3),transparent);background-size:150px 100px;animation:move-twinkling 30s linear infinite}@keyframes move-stars{0%{transform:rotate(-45deg) translateY(0)}to{transform:rotate(-45deg) translateY(-2000px)}}@keyframes move-twinkling{0%{transform:rotate(-45deg) translateY(0)}to{transform:rotate(-45deg) translateY(-1000px)}}