.main{margin:64px auto;width:750px;height:750px;position:relative}.big-circle{background:linear-gradient(180deg,rgba(59,1,38,.29),rgba(34,1,23,.14));height:100%;width:100%;position:relative;border:1px solid rgba(250,215,254,.5);animation:Rotate 30s linear infinite}.big-circle,.icon-block{border-radius:50%;display:flex;align-items:center;justify-content:center}.icon-block{width:136px;height:136px;position:absolute;flex-direction:column}.icon-block,.icon-block img{transform-origin:center center}.icon-block img{width:100%;animation:Rotate-reverse 30s linear infinite}.icon-block p{font-size:12px;font-weight:700;text-align:center}.circle-mid{padding-left:30px;padding-top:100px;background:linear-gradient(180deg,rgba(59,1,38,.29),rgba(34,1,23,.14));width:75%;height:75%}.circle-mid,.circle-small{border:1px solid rgba(250,215,254,.5);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;background-color:transparent}.circle-small{width:50%;height:50%}@keyframes Rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes Rotate-reverse{0%{transform:rotate(0deg)}to{transform:rotate(-1turn)}}@media (max-width:576px){.circle-bg{width:150px}.icon-block p{font-size:3px;font-weight:500;text-align:center}.main{width:325px;height:325px}.big-circle{width:100%;height:100%}.icon-block{width:85px;height:85px;transform:rotate(0deg) translateY(100px) rotate(0deg)}.icon-block img{width:90%}.icon-block p{font-size:8px;line-height:12px}.circle-mid{width:60%;height:60%;padding-left:0;padding-top:40px}.circle-small{width:30%;height:30%}}