@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(359deg)}}@keyframes spin3D{0%{transform:rotate3d(.5,.5,.5,1turn)}to{transform:rotate3d(0deg)}}@keyframes configure-clockwise{0%{transform:rotate(0)}25%{transform:rotate(90deg)}50%{transform:rotate(180deg)}75%{transform:rotate(270deg)}to{transform:rotate(1turn)}}@keyframes configure-xclockwise{0%{transform:rotate(45deg)}25%{transform:rotate(-45deg)}50%{transform:rotate(-135deg)}75%{transform:rotate(-225deg)}to{transform:rotate(-315deg)}}@keyframes pulse{0%{opacity:1;transform:scale(1)}to{opacity:.25;transform:scale(.75)}}*{box-sizing:border-box}body{min-height:100vh;background-color:#1d2630;display:flex;justify-content:space-between;flex-wrap:wrap;align-items:flex-start}.spinner-box{width:300px;height:300px;background-color:transparent}.leo-border-1,.spinner-box{display:flex;justify-content:center;align-items:center}.leo-border-1{position:absolute;width:150px;height:150px;padding:3px;border-radius:50%;background:#3ff9dc;background:linear-gradient(0deg,rgba(63,249,220,.1) 33%,#3ff9dc);animation:spin3D 1.8s linear 0s infinite}.leo-core-1{width:100%;height:100%;background-color:#37474faa;border-radius:50%}.leo-border-2{position:absolute;width:150px;height:150px;padding:3px;display:flex;justify-content:center;align-items:center;border-radius:50%;background:#fb5b53;background:linear-gradient(0deg,rgba(251,91,83,.1) 33%,#fb5b53);animation:spin3D 2.2s linear 0s infinite}.leo-core-2{width:100%;height:100%;background-color:#1d2630aa;border-radius:50%}.circle-border{width:150px;height:150px;padding:3px;display:flex;justify-content:center;align-items:center;border-radius:50%;background:#3ff9dc;background:linear-gradient(0deg,rgba(63,249,220,.1) 33%,#3ff9dc);animation:spin .8s linear 0s infinite}.circle-core{width:100%;height:100%;background-color:#1d2630;border-radius:50%}.configure-border-1{position:absolute;background:#fb5b53;animation:configure-clockwise 3s ease-in-out 0s infinite alternate}.configure-border-1,.configure-border-2{width:115px;height:115px;padding:3px;display:flex;justify-content:center;align-items:center}.configure-border-2{left:-115px;background:#3ff9dc;transform:rotate(45deg);animation:configure-xclockwise 3s ease-in-out 0s infinite alternate}.configure-core{width:100%;height:100%;background-color:#1d2630}.pulse-container{width:120px;display:flex;justify-content:space-between;align-items:center}.pulse-bubble{width:20px;height:20px;border-radius:50%;background-color:#3ff9dc}.pulse-bubble-1{animation:pulse .4s ease 0s infinite alternate}.pulse-bubble-2{animation:pulse .4s ease .2s infinite alternate}.pulse-bubble-3{animation:pulse .4s ease .4s infinite alternate}.solar-system{width:250px;height:250px}.orbit,.solar-system{display:flex;justify-content:center;align-items:center}.orbit{position:relative;border:1px solid #fafbfc;border-radius:50%}.earth-orbit{width:165px;height:165px;-webkit-animation:spin 12s linear 0s infinite}.venus-orbit{width:120px;height:120px;-webkit-animation:spin 7.4s linear 0s infinite}.mercury-orbit{width:90px;height:90px;-webkit-animation:spin 3s linear 0s infinite}.planet{position:absolute;top:-5px;width:10px;height:10px;background-color:#3ff9dc}.planet,.sun{border-radius:50%}.sun{width:35px;height:35px;background-color:#ffab91}.leo{position:absolute;display:flex;justify-content:center;align-items:center;border-radius:50%}.blue-orbit{width:165px;height:165px;border:1px solid #91daffa5;-webkit-animation:spin3D 3s linear .2s infinite}.green-orbit{width:120px;height:120px;border:1px solid #91ffbfa5;-webkit-animation:spin3D 2s linear 0s infinite}.red-orbit{width:90px;height:90px;border:1px solid #ffca91a5;-webkit-animation:spin3D 1s linear 0s infinite}.white-orbit{width:60px;height:60px;border:2px solid #fff;-webkit-animation:spin3D 10s linear 0s infinite}.w1{transform:rotate3D(1,1,1,90deg)}.w2{transform:rotate3D(1,2,.5,90deg)}.w3{transform:rotate3D(.5,1,2,90deg)}.three-quarter-spinner{width:50px;height:50px;border:3px solid #fb5b53;border-top-color:transparent;border-radius:50%;animation:spin .5s linear 0s infinite}