body{background:#fff9e9;margin:0;position:relative;overflow-x:hidden}.solar-bg{z-index:0;position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden}.earth{filter:drop-shadow(0 0 60px rgba(0,100,255,.4));z-index:5;opacity:.95;background-image:url(../media/earth.4e5ee61d.svg);background-size:cover;border-radius:50%;width:900px;height:900px;position:absolute;top:50%;right:15%;transform:translate(50%,-50%)}.orbit{transform-origin:50%;z-index:2;border-radius:50%;animation:60s linear infinite rotateOrbit;position:absolute;top:50%;right:20%;transform:translate(50%,-50%)rotate(0)}.orbit:before{content:"";border:1px solid rgba(0,0,0,.07);border-radius:50%;position:absolute;top:0;bottom:0;left:0;right:0}.orbit-1{width:800px;height:800px;animation-duration:40s}.orbit-2{width:950px;height:950px;animation-duration:60s}.orbit-3{width:1100px;height:1100px;animation-duration:90s}.orbit-4{width:1300px;height:1300px;animation-duration:100s}.planet{border-radius:50%;position:absolute;top:0;left:50%;transform:translate(-50%,-50%)}.planet.moon{opacity:.8;background-image:url(../media/moon.b5034e8e.svg);background-size:cover;width:250px;height:250px}.planet.green{background-color:#146b3a;width:50px;height:50px;box-shadow:0 0 30px rgba(0,0,0,.3)}.planet.red{background-color:#a31212;width:50px;height:50px;box-shadow:0 0 25px rgba(255,100,100,.3)}.planet.yellow{background-color:#fcb657;width:50px;height:50px;box-shadow:0 0 25px rgba(255,200,100,.3)}@keyframes rotateOrbit{0%{transform:translate(50%,-50%)rotate(0)}to{transform:translate(50%,-50%)rotate(360deg)}}