body{background:#fff9e9;margin:0;position:relative;overflow-x:hidden}.solar-bg{z-index:0;position:absolute;inset:0;overflow:hidden}.earth{filter:drop-shadow(0 0 60px #0064ff66);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 #00000012;border-radius:50%;position:absolute;inset: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 #0000004d}.planet.red{background-color:#a31212;width:50px;height:50px;box-shadow:0 0 25px #ff64644d}.planet.yellow{background-color:#fcb657;width:50px;height:50px;box-shadow:0 0 25px #ffc8644d}@keyframes rotateOrbit{0%{transform:translate(50%,-50%)rotate(0)}to{transform:translate(50%,-50%)rotate(360deg)}}