.content{justify-content:center;align-items:center;width:300px;height:300px;display:flex;position:relative}.content .planet{transform-origin:50%;background-color:#883ee7;border-radius:100%;align-items:center;width:65%;height:65%;animation:5s infinite alternate planet;display:flex;position:absolute;box-shadow:inset 2px -10px #0000001a}@keyframes planet{0%{transform:rotate(10deg)}to{transform:rotate(-10deg)}}.content .planet .ring{transform-origin:33%;background-color:#ac66e6;border-radius:100%;justify-content:center;align-items:center;width:300px;height:300px;animation:3s infinite ring;display:flex;position:absolute;box-shadow:2px -10px #0000001a,inset -5px -10px #0000001a}@keyframes ring{0%{transform:rotateX(110deg)rotate(0)translate(-50px,5px)}to{transform:rotateX(110deg)rotate(360deg)translate(-50px,5px)}}.content .planet .ring:before{content:"";z-index:2;background-color:#62078b;border-radius:100%;width:10px;height:30px;position:absolute;left:-5px;box-shadow:inset -3px 3px #0003}.content .planet .ring:after{content:"";background-color:#9e28ff;border-radius:100%;width:240px;height:240px;position:absolute;box-shadow:inset 2px -10px #0000001a}.content .planet .cover-ring{z-index:2;background-color:#5d197c;border-radius:100px 100px 80% 80%;width:100%;height:50%;position:absolute;transform:translateY(-17px);box-shadow:inset 0 -2px #0000001a}.content .planet .spots{z-index:2;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute}.content .planet .spots span{background-color:#26132e;border-radius:100%;width:30px;height:30px;animation:5s infinite alternate dots;position:absolute;box-shadow:inset -2px 3px #0000004d}@keyframes dots{0%{box-shadow:inset -3px 3px #0000004d}to{box-shadow:inset 3px 3px #0000004d}}.content .planet .spots span:first-child{top:20px;right:50px}.content .planet .spots span:nth-child(2){width:15px;height:15px;top:40px;left:50px}.content .planet .spots span:nth-child(3){width:25px;height:25px;top:80px;left:20px}.content .planet .spots span:nth-child(4){width:40px;height:40px;top:80px;left:90px}.content .planet .spots span:nth-child(5){width:15px;height:15px;top:160px;left:70px}.content .planet .spots span:nth-child(6){width:10px;height:10px;top:165px;left:125px}.content .planet .spots span:nth-child(7){width:15px;height:15px;top:90px;left:150px}.content p{color:#432647;z-index:2;text-align:center;width:100px;font-family:Roboto Mono,monospace;font-size:14px;animation:4s infinite text;position:absolute;bottom:-20px}@keyframes text{0%{letter-spacing:0;color:#5b1f6d;transform:translate(-30px)}25%{letter-spacing:3px;color:#3c0d42}50%{letter-spacing:0;color:#d5bad9;transform:translate(30px)}75%{letter-spacing:3px;color:#87239b}to{letter-spacing:0;color:#5a3264;transform:translate(-30px)}}