.content{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:#fff;font-family:Courier New,Courier,monospace}.planet{position:relative;width:80px;height:80px;background:#6c63ff;border-radius:50%;animation:rotatePlanet 2s linear infinite}.ring{width:120px;height:20px;border:2px solid #fff;border-radius:50%;opacity:.3}.cover-ring,.ring{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(45deg)}.cover-ring{width:100px;height:10px;background:#000}.spots span{position:absolute;width:8px;height:8px;background:#fff;border-radius:50%;animation:spotBlink 1.5s ease-in-out infinite alternate}.spots span:first-child{top:20%;left:30%}.spots span:nth-child(2){top:40%;left:60%}.spots span:nth-child(3){top:65%;left:25%}.spots span:nth-child(4){top:30%;left:70%}.spots span:nth-child(5){top:55%;left:45%}.spots span:nth-child(6){top:15%;left:50%}.spots span:nth-child(7){top:75%;left:60%}@keyframes rotatePlanet{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes spotBlink{0%{opacity:.3}to{opacity:1}}