.orbit-container{position:relative;margin:0 auto;max-width:100%}.center-logo{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2;display:flex;align-items:center;justify-content:center;border-radius:50%;padding:.5rem;box-shadow:0 .125rem .625rem rgb(0 0 0 / .1);transition:transform 0.3s ease}.center-logo:hover{transform:translate(-50%,-50%) scale(1.1);box-shadow:0 .125rem 1rem rgb(0 0 0 / .2)}.center-logo img{width:80%;height:80%;object-fit:contain}.orbit-ring{position:absolute;width:100%;height:100%;animation:orbit linear infinite;animation-play-state:paused}.planet{position:absolute;top:50%;left:50%;transform-origin:center;display:flex;align-items:center;justify-content:center;transition:transform 0.3s ease,box-shadow 0.3s ease;z-index:1;border-radius:50%;padding:.5rem;box-shadow:0 .125rem .625rem rgb(0 0 0 / .1);opacity:0;visibility:hidden}.planet.animate{animation:planetEntrance 1s ease-out forwards;visibility:visible}.planet-wrapper{width:80%;height:80%;display:flex;align-items:center;justify-content:center}.planet:hover{z-index:3;box-shadow:0 0 .938rem rgb(0 0 0 / .2)}.planet img{max-width:100%;max-height:100%;object-fit:contain;transition:transform 0.3s ease}.planet:hover img{transform:scale(1.1)}@keyframes orbit{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes planetEntrance{0%{opacity:0;transform:translate(-50%,-50%)}100%{opacity:1;transform:var(--final-transform)}}@media (max-width:768px){.orbit-container{transform:scale(.8);transform-origin:center center}}@media (max-width:480px){.orbit-container{transform:scale(.6);transform-origin:center center}}