*,body{margin:0;padding:0}.planet,.planet-inner{will-change:transform;display:flex;width:100px}.label,.planet{user-select:none;text-decoration:none}*{box-sizing:border-box;font-family:'Titillium Web',sans-serif}body{font-family:Muli,sans-serif;background-color:#1f222d;overflow:hidden;position:relative;height:100vh;width:100vw}.planet{position:absolute;height:130px;opacity:.95;animation:12s ease-in-out infinite float;transition:z-index .3s;z-index:1;cursor:pointer;flex-direction:column;align-items:center;text-align:center}.planet-inner{height:100px;border-radius:50%;overflow:visible;transition:transform .5s,box-shadow .5s;transform-style:preserve-3d;pointer-events:auto;flex-direction:column;align-items:center;justify-content:center}.label,.planet:hover .label{transition:transform .5s,text-shadow .5s}.planet-inner img{width:100px;height:100px;border-radius:10%;object-fit:cover;display:block;pointer-events:none;animation:20s linear infinite spin}.planet:hover{z-index:5}.planet:hover .planet-inner{transform:scale(1.3) translateZ(100px);box-shadow:0 0 40px rgba(0,255,255,.4)}.planet:hover .label{transform:scale(1.3) translateZ(100px);text-shadow:0 0 40px rgba(0,255,255,.8)}.label{margin-top:6px;color:#e05206;font-size:14px;font-weight:700;font-family:'Titilum Web',sans-serif;pointer-events:none;white-space:nowrap}@keyframes float{0%,100%{transform:translate(0,0)}25%{transform:translate(10px,-10px)}50%{transform:translate(-10px,10px)}75%{transform:translate(10px,5px)}}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}