*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body{height:100%;width:100%}.space-background{background:#000000;position:relative;overflow:hidden}.space-background:before{content:"";position:absolute;width:100%;height:100%;background-image:radial-gradient(2px 2px at 20px 30px,white,transparent),radial-gradient(2px 2px at 60px 70px,white,transparent),radial-gradient(1px 1px at 50px 50px,white,transparent),radial-gradient(1px 1px at 130px 80px,white,transparent),radial-gradient(2px 2px at 90px 10px,white,transparent),radial-gradient(1px 1px at 160px 120px,white,transparent);background-size:200px 200px;background-position:0 0,40px 60px,130px 270px,70px 100px,150px 50px,90px 190px;animation:stars 120s linear infinite;opacity:.9}.space-background:after{content:"";position:absolute;width:200%;height:200%;background-image:radial-gradient(1px 1px at 10% 20%,rgba(255,255,255,.8),transparent),radial-gradient(2px 2px at 60% 90%,rgba(255,255,255,.6),transparent),radial-gradient(2px 2px at 80% 30%,rgba(255,255,255,.9),transparent),radial-gradient(1px 1px at 30% 60%,rgba(255,255,255,.7),transparent),radial-gradient(2px 2px at 90% 80%,rgba(255,255,255,.5),transparent),radial-gradient(1px 1px at 45% 45%,rgba(255,255,255,.8),transparent),radial-gradient(2px 2px at 70% 15%,rgba(255,255,255,.6),transparent);background-size:300px 300px;animation:stars 180s linear infinite reverse;opacity:.7}@keyframes stars{0%{transform:translateY(0) translate(0)}to{transform:translateY(-300px) translate(100px)}}