*{margin:0px;padding:0px;box-sizing:content-box}body{animation:fadeIn 500ms reverse}.floating-circle{border-radius:42% 58% 70% 30% / 45% 45% 55% 55%;width:100%;height:230px;max-width:230px;animation:morph 3s linear infinite;transform-style:preserve-3d;outline:1px solid transparent;will-change:border-radius;margin-bottom:60px}.floating-circle:before,.floating-circle:after{content:'';width:100%;height:100%;display:block;position:absolute;left:0px;top:-16px;border-radius:42% 58% 70% 30% / 45% 45% 55% 55%;will-change:border-radius,transform,opacity;animation-delay:200ms;background:linear-gradient(to right,#00dced,#00ff9d);z-index:-1}.floating-circle:before{animation:morph 3s linear infinite;opacity:.21;animation-duration:1.5s}.floating-circle:after{animation:morph 3s linear infinite;animation-delay:400ms;opacity:.89;line-height:120px;text-indent:-21px}@keyframes morph{0%,100%{border-radius:42% 58% 70% 30% / 45% 45% 55% 55%;transform:translate3d(0,0,0) rotateZ(0.01deg)}34%{border-radius:70% 30% 46% 54% / 30% 29% 71% 70%;transform:translate3d(0,5px,0) rotateZ(0.01deg)}50%{opacity:.89;transform:translate3d(0,0,0) rotateZ(0.01deg)}67%{border-radius:100% 60% 60% 100% / 100% 100% 60% 60%;transform:translate3d(0,-3px,0) rotateZ(0.01deg)}}@keyframes fadeIn{100%{transform:scale(1.03);opacity:0}