.starbox{width:100%;height:100%;left:0;top:0;z-index:9}.asteroid,.moon,.sky,.star,.starbox{position:absolute}.moon{color:#ffd;background:radial-gradient(circle at -30% 50%,transparent 175px,currentColor 100%);z-index:9;border-radius:50%;height:200px;width:200px;left:50%;top:50%;transform:translate(-50%,-50%);filter:drop-shadow(0 0 20px currentColor)}.sky{left:0;top:0;width:100%;height:100%;animation:rotate 400s linear infinite}.star{width:8px;height:8px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAAXNSR0IArs4c6QAABTZJREFUaEPtmWmsXVMUx39/JIbUGIKUxBgxBo1Qc4394IsIYqq5aBBUBQ2qiRKl1bSNsUpphYZP0hBzDRVTCOGDGhIzNZVGDLHkf7POc3pz77vn3Hdf2pd0JTfvvnP2Xvv/X3vttddaVwxx0RDHzxoCq3oHB3UHIuIWYANJlw4W0UEjEBFjgbsT+DhJdw4GicEk8BYwIkF/IGnPIUOgyfoF7vGSpvWaxKDsQES8D+wBPAD8DZwPLJW082pPoMn62wN/AV8l8ImSpvSSRM93ICI+AXaw9SWdbbARMR24zEQkbbPaEmi2vqTPk8DtwBUJfJKkG3tFoqc7EBHfAlsC90i6oAAZEQG8AIwCfpS0+WpHICLsInYV+/wuJetPAm4A/kzQ6wI924We7UBELAc2BGZIMpmGpPWLf58BjgZWSBrWi13oCYGIuBa4CfgV2LuF9QusP+eXTXu1C10TiIidAMd1/7XrrA3cLMlkWlm/ePw8cATwb0ampcDHkvy3tvRLICI2K4EswBbA/a4sPsDHAetlGN0xfb8Z1DfAWnnYy+9+MhFfePkpvpuc37WUlQhExP7AaWnVAnAnq/wGfJkf+3cVWQLYANs6W60wobFLSexRSa8Wc5oJONy1E1vhU4fBtKD9eDiwdQUA/Q3xLf1LRinjMSHr3Kit1aU+3M0EHgNOzIm+bN4G3gHOASYPEGg3078DvgB+Bw5PBQslndRyB/wwIuYDp+aAKZIm5vOrfUi7QTHAOS+WwC+QZBfvk5aHOCIeBMbkqKmSrkoS44HbBgiozvSXgMNywjxJZzZPbhuFIuI+4NyccIeky5OEy8MZdVB0OXYxcGjOnSPpvFZ6OoVRl4EX5sTZki5OEuOA2V0CqzLtZeCQHHiXpIvaHuhO2iJiJtAAXk7S2lRdndRVef8KcHAOnCXpkv4mVbqJI8KlYMOFgLmSHJV84J3v318FVcUxju8H5djpkooUvO30SgQS7K3AhNQ0X9Lp+fwMYF5FgP0New04MAf0BY5OeisTSLBO2Ipcpy8eR8QpwIJOi/Xz3jfzyHzfF7qr6KtFIEn4grs+lY+S5Dhtd5oKXFll0aYx7zqDzWeTJbl2qCzdEDgeeCJXcNftjyTwNHBM5ZX/H7gMKCq0MZIeqqOjGwJFCF0iqfBZ78BnwHZ1Fi+NdYbq/GeaJF+WlaUbAkWJuFKUiIh/siaovHhp4OvAAcBzko6qo6AbAs75TwAWSVqY7rMX8F6dhZvG2v2OBZZJ2qKOnm4IOCv8XtKHxUIRMdBQ+hQwOvUNk7SiKolaBCLC4N0eQaWcPCKcal/XtKjrBrcYLUUq3A5X4UJ+P1KS/68kvSIwFzirtKLrXrcV/bG4EHJV5SjlM+RPWVzUbJVnaKykeyuhtyGrDkxfL3ZgpaIiIp4FjszdcWNrtzZ6fU6cBD6SJMoR5yNgV2BmnR9E6hJw32dEcXmVzoBzmPWBfUrA3U50EWTxLzVlsE7YnJL7EvPN7pyqyP0XSypqgI72rUvA/u9daNzAEbE7MKvJx+cYuCRfUH0SEb6sTKSoMfxukWN/dvN8uzuELpe0cUfkOaAygYhYB/gB2CR7nK4TTi4t9DhwjSR3D9pKRLjb4dLUobgQ51Em83A+GC7p6yok6hDYD3ijhVIfWFv8zSoLltzO+rwjbnI1y2hJvhs6Sh0CRfO2UOpuhYG739m1RIR7SSayb0nJBEmVau86BJznPJmH1cAbt3CvJCLczjERd+18xhq/LXSSygQ6KVpV79cQWFWWL9Yd8jvwH9+/s0DUeyTwAAAAAElFTkSuQmCC);background-size:100% 100%;border-radius:50%;animation:shine 3s linear infinite}.star.scale1{transform:scale(.4)}.star.scale2{transform:scale(.3)}.star.scale3{transform:scale(.5)}.star.animate1{animation-duration:2s}.star.animate2{animation-duration:2.5s}.star.animate3{animation-duration:3s}.star.animate4{animation-duration:3.5s}.star.opacity1{opacity:.8}.star.opacity2{opacity:.5}.star.opacity3{opacity:.3}.asteroid{top:-200px;left:-200px;width:200px;height:200px;opacity:.8;animation-name:assteroid;animation-timing-function:linease-inear;animation-iteration-count:infinite;animation-duration:7s;animation-delay:2s}.asteroid:before{width:10px;height:10px;background:#fff;border-radius:50%;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;box-shadow:0 0 7px 2px #fff;bottom:0;right:0}.asteroid:after{width:0;height:0;border-left:3px solid transparent;border-bottom:200px solid #fff;border-right:3px solid transparent;bottom:-22px;right:75px;transform:rotate(-45deg);-o-transform:rotate(-45deg);filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=-1deg)}@keyframes shine{0%{transform:scale(1)}50%{transform:scale(.2)}to{transform:scale(1)}}@keyframes rotate{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(1turn)}}@keyframes assteroid{0%{top:-200px;left:-200px;filter:alpha(opacity=80);opacity:.8}10%{top:200px;left:200px;filter:alpha(opacity=0);opacity:0}to{filter:alpha(opacity=0);opacity:0}}