.solar-system{height:272px;margin:0 auto;position:relative;width:272px}.moon-orbit{border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%)}.moon-container,.moon-orbit{height:180px;position:absolute;width:180px}.moon-container{animation:orbit 8s linear infinite;left:46px;top:46px;transform-origin:center}.moon{align-items:center;animation:counter-orbit 8s linear infinite;display:flex;justify-content:center;left:0;position:absolute;top:0;transform:translate(-50%,-50%)}.moon-container-reverse{animation:orbit-reverse 8s linear infinite;height:180px;left:46px;position:absolute;top:46px;transform-origin:center;width:180px}.moon-reverse{align-items:center;animation:counter-orbit-reverse 8s linear infinite;display:flex;justify-content:center;left:0;position:absolute;top:0;transform:translate(-50%,-50%)}@keyframes orbit{0%{transform:rotate(0)}to{transform:rotate(1turn)}}@keyframes counter-orbit{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(-1turn)}}@keyframes orbit-reverse{0%{transform:rotate(180deg)}to{transform:rotate(540deg)}}@keyframes counter-orbit-reverse{0%{transform:translate(-50%,-50%) rotate(-180deg)}to{transform:translate(-50%,-50%) rotate(-540deg)}}
