.blob{filter:blur(80px);opacity:1;will-change:transform,opacity,width,height;border-radius:50%;position:fixed}.blue{background:#3b82f673;width:300px;height:300px;animation:17s ease-in-out infinite float1;top:20%;left:10%}.purple{background:#8b5cf673;width:350px;height:350px;animation:12.3s ease-in-out infinite float2;top:60%;left:70%}.pink{background:#ec489959;width:260px;height:260px;animation:19.1s ease-in-out infinite float3;top:10%;left:55%}@keyframes float1{0%,to{opacity:1;transform:translate(0%)scale(2)}33%{opacity:.3;transform:translate(20%,100%)scale(1.15)}66%{opacity:.8;transform:translate(-70%,50%)scale(.4)}}@keyframes float2{0%,to{opacity:.55;transform:translate(0%)scale(1)}33%{opacity:1;transform:translate(-90%,20%)scale(1.2)}66%{opacity:1.7;transform:translate(90%,-50%)scale(.85)}}@keyframes float3{0%,to{opacity:.8;transform:translate(0%)scale(1)}33%{opacity:1;transform:translate(20%,60%)scale(3)}66%{opacity:.4;transform:translate(-30%,-30%)scale(.9)}}
.hero-text{text-align:left;direction:rtl;width:0;animation:1.5s cubic-bezier(.45,0,.2,1) .5s forwards reveal-width;display:inline-block;overflow:hidden}@keyframes reveal-width{0%{width:0}40%,to{width:var(--hero-text-width)}}