.container{position:relative;width:800px;height:800px;display:flex;justify-content:center;align-items:center}.nucleus{width:50px;height:50px;border-radius:50%;background-color:red;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.electron-animation{animation:revolvingCircle 240s linear infinite}.electron-animation:before{content:"";width:50px;height:50px;border-radius:50%;background-color:#fff;background-image:url(https://qph.cf2.quoracdn.net/main-qimg-21c731848e61881004fd8f53e1734cdd-lq);background-position:50%;background-repeat:no-repeat;background-size:cover;position:absolute;animation:rotatingCircle 240s linear infinite}.electron-1{transform:translateY(-50%);left:30.2083333333%;transform-origin:158.3333333333px 50%}.electron-1,.electron-2{width:50px;height:50px;border-radius:50%;background-color:#0096c7;position:absolute;top:50%;z-index:10}.electron-2{transform:translateY(-50%);left:13.5416666667%;transform-origin:291.6666666667px 50%}.electron-3{width:50px;height:50px;background-color:#0096c7;top:50%;transform:translateY(-50%);left:-3.125%;transform-origin:425px 50%;z-index:10}.electron-3,.path-1{border-radius:50%;position:absolute}.path-1{width:266.6666666667px;height:266.6666666667px;border:2px solid green;z-index:1}.path-2{width:533.3333333333px;height:533.3333333333px}.path-2,.path-3{position:absolute;border-radius:50%;border:2px solid green;z-index:1}.path-3{width:800px;height:800px}.electron-delayed-1,.electron-delayed-1:before{animation-delay:-13.3333333333s}.electron-delayed-2,.electron-delayed-2:before{animation-delay:-26.6666666667s}.electron-delayed-3,.electron-delayed-3:before{animation-delay:-40s}.electron-delayed-4,.electron-delayed-4:before{animation-delay:-53.3333333333s}.electron-delayed-5,.electron-delayed-5:before{animation-delay:-66.6666666667s}.electron-delayed-6,.electron-delayed-6:before{animation-delay:-80s}.electron-delayed-7,.electron-delayed-7:before{animation-delay:-93.3333333333s}.electron-delayed-8,.electron-delayed-8:before{animation-delay:-106.6666666667s}.electron-delayed-9,.electron-delayed-9:before{animation-delay:-120s}.electron-delayed-10,.electron-delayed-10:before{animation-delay:-133.3333333333s}.electron-delayed-11,.electron-delayed-11:before{animation-delay:-146.6666666667s}.electron-delayed-12,.electron-delayed-12:before{animation-delay:-160s}.electron-delayed-13,.electron-delayed-13:before{animation-delay:-173.3333333333s}.electron-delayed-14,.electron-delayed-14:before{animation-delay:-186.6666666667s}.electron-delayed-15,.electron-delayed-15:before{animation-delay:-200s}.electron-delayed-16,.electron-delayed-16:before{animation-delay:-213.3333333333s}.electron-delayed-17,.electron-delayed-17:before{animation-delay:-226.6666666667s}.electron-delayed-18,.electron-delayed-18:before{animation-delay:-240s}@keyframes revolvingCircle{to{transform:translateY(-50%) rotate(1turn)}}@keyframes rotatingCircle{to{transform:rotate(-1turn)}}.animation-paused,.animation-paused:before{animation-play-state:paused}