.blob-container{display:flex;justify-content:center;align-items:center;padding:35px}.blob{background:linear-gradient(45deg,#6f61ff,#9d9473);border-radius:50%;position:relative;transition:all .5s ease-in-out;box-shadow:0 0 50px rgba(111,97,255,.8),0 0 80px hsla(47,18%,53%,.6)}.blob.animate{animation:moveBlob 6s ease-in-out infinite,pulseGlow 3s ease-in-out infinite}@keyframes moveBlob{0%,to{border-radius:30% 70% 70% 30%/30% 30% 70% 70%;transform:scale(1) rotate(0deg)}20%{border-radius:60% 40% 50% 50%/60% 50% 50% 40%;transform:scale(1.1) rotate(45deg)}40%{border-radius:70% 30% 60% 40%/50% 60% 40% 50%;transform:scale(1.2) rotate(90deg)}60%{border-radius:50% 50% 70% 30%/70% 50% 50% 30%;transform:scale(1.1) rotate(135deg)}80%{border-radius:40% 60% 30% 70%/40% 60% 40% 60%;transform:scale(1.3) rotate(180deg)}}@keyframes pulseGlow{0%,to{box-shadow:0 0 50px rgba(111,97,255,.8),0 0 80px hsla(47,18%,53%,.6)}50%{box-shadow:0 0 80px #6f61ff,0 0 120px hsla(47,18%,53%,.8)}}.blob:before{content:"";position:absolute;top:15%;left:15%;width:70%;height:70%;background:radial-gradient(circle,hsla(0,0%,100%,.5),transparent);border-radius:50%;filter:blur(15px);transition:all .5s ease-in-out;animation:moveGlow 5s ease-in-out infinite}@keyframes moveGlow{0%,to{top:15%;left:15%}25%{top:20%;left:10%}50%{top:10%;left:20%}75%{top:15%;left:25%}}.blob:after{content:"";position:absolute;bottom:10%;right:10%;width:40%;height:40%;background:radial-gradient(circle,hsla(0,0%,100%,.3),transparent);border-radius:50%;filter:blur(10px);animation:moveGlowSecondary 7s ease-in-out infinite}@keyframes moveGlowSecondary{0%,to{bottom:10%;right:10%}25%{bottom:15%;right:5%}50%{bottom:5%;right:15%}75%{bottom:10%;right:20%}}