.mainBuble{z-index:-1;filter:url(#gooey);width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.mainBuble .circle{cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10;background:radial-gradient(circle at 30% 30%,#ff8c00e6,#ff64001a 70%),radial-gradient(circle at 70% 70%,#ff8c0099,#ff64004d 80%);border:1px solid #ff8c004d;border-radius:50%;width:200px;height:200px;position:absolute;box-shadow:inset 0 0 10px #ff8c0080,0 0 15px #0000004d}.mainBuble .particles{z-index:5;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:radial-gradient(circle at 30% 30%,#ff8c00e6,#ff64001a 70%),radial-gradient(circle at 70% 70%,#ff8c0099,#ff64004d 80%);border:1px solid #ff8c004d;border-radius:50%;animation:5s forwards animate;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:inset 0 0 10px #ff8c0080,0 0 15px #0000004d}@keyframes animate{0%,to{transform:translate(0)}50%{transform:translate(var(--x),var(--y))}}.mainBuble svg{width:0;height:0}