.spinner-box{background-color:transparent}.solar-system,.spinner-box{width:400px;height:400px}.orbit,.solar-system,.spinner-box{display:flex;justify-content:center;align-items:center}.orbit{position:relative;border:1px solid #c4c4c4;border-radius:50%}.earth-orbit{width:400px;height:400px;animation:spin 12s linear 0s infinite}.planet{position:absolute;width:50px;height:50px;border-radius:50%;display:flex;justify-content:center;align-items:center;animation:reverse-spin 12s linear 0s infinite}.earth{width:120px;top:-20px}.earth,.earth2{position:absolute;z-index:20}.earth2{width:200px;top:380px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(359deg)}}@keyframes reverse-spin{0%{transform:rotate(0deg)}to{transform:rotate(-359deg)}}.sun{width:100px;height:100px;border-radius:50%;background-color:#fefefe;display:flex;justify-content:center;animation:reverse-spin 4s linear 0s infinite}.mercury-orbit{width:220px;height:220px;animation:spin 6s linear 0s infinite}.mercury{width:130px;height:130px;top:-60px}.mercury,.mercury2{position:absolute;animation:reverse-spin 4s linear 0s infinite}.mercury2{width:70px;height:70px;top:170px;background-color:#0bc0eb}@media only screen and (max-width:450px){.earth-orbit{width:300px;height:300px}.earth{width:60px}.earth2{width:200px;top:280px}.sun{width:80px;height:80px}.mercury-orbit{width:180px;height:180px}.mercury{width:130px;height:130px;top:-60px}.mercury2{width:70px;height:70px;top:140px}}