@keyframes shineStar{0%{opacity:0;transform:scale(1)}to{opacity:.7;transform:scale(1.5)}}.atom{position:relative;width:100px;aspect-ratio:1/1;perspective:600px}.atom,.atom .core{display:flex;justify-content:center;align-items:center}.atom .core{background:radial-gradient(circle,#ffffff,#00fff7);width:20%;height:20%;border-radius:50%;font-weight:800;font-size:20px;z-index:2;animation:glowCore 2s infinite alternate}@keyframes glowCore{0%{box-shadow:0 0 10px 7px #86fffb}to{box-shadow:0 0 10px 10px #c0fffd}}.atom .orbit{position:absolute;top:50%;left:50%;translate:-50% -50%;width:100%;height:100%;border-radius:50%;border:3px solid rgba(0,0,0,0)}.atom .orbit.orbit-1{transform:rotateX(65deg) rotateY(-35deg) rotate(0deg);border-color:#007ce2;box-shadow:0 0 15px #007ccf}.atom .orbit.orbit-2{transform:rotateX(0deg) rotateY(75deg) rotate(0deg);border-color:#e600d2;box-shadow:0 0 15px #e600d2}.atom .orbit.orbit-3{transform:rotateX(65deg) rotateY(35deg) rotate(0deg);border-color:#00d150;box-shadow:0 0 15px #00d150}