.blob-container{position:absolute;width:100%;height:100%;filter:blur(80px);opacity:.7;pointer-events:none}.blob-container .blob{position:absolute;border-radius:50%;mix-blend-mode:normal;will-change:transform;width:clamp(20rem,38vw,37.5rem);height:clamp(20rem,38vw,37.5rem)}.blob-container .blob1{background:radial-gradient(circle at 30% 30%,rgba(0,180,255,.8) 0,rgba(0,113,206,.6) 40%,rgba(0,71,156,.3) 100%);top:-18%;left:-18%;animation:float1 60s ease-in-out infinite}.blob-container .blob2{background:radial-gradient(circle at 50% 50%,rgba(165,180,252,.8) 0,rgba(139,152,246,.5) 50%,rgba(99,102,241,.2) 100%);top:48%;right:-12%;animation:float2 48s ease-in-out infinite}.blob-container .blob3{background:radial-gradient(circle at 40% 40%,rgba(254,215,170,.9) 0,rgba(251,191,120,.5) 60%,rgba(245,158,60,.2) 100%);bottom:-14%;left:28%;animation:float3 56s ease-in-out infinite}.blob-container .blob4{background:radial-gradient(circle at 60% 60%,rgba(80,180,255,.7) 0,rgba(0,113,206,.4) 50%,rgba(0,60,140,.2) 100%);top:22%;left:42%;animation:float4 84s ease-in-out infinite}.blob-container .blob5{background:radial-gradient(circle at 45% 45%,rgba(165,180,252,.8) 0,rgba(129,140,248,.5) 45%,rgba(99,102,241,.2) 100%);bottom:18%;right:18%;animation:float5 80s ease-in-out infinite}@keyframes float1{0%,to{transform:translate(0) scale(1) rotate(0deg)}20%{transform:translate(40%,-60%) scale(1.08) rotate(90deg)}40%{transform:translate(-60%,80%) scale(.93) rotate(180deg)}60%{transform:translate(-80%,-50%) scale(1.05) rotate(270deg)}80%{transform:translate(60%,70%) scale(.98) rotate(1turn)}}@keyframes float2{0%,to{transform:translate(0) scale(1) rotate(0deg)}25%{transform:translate(-70%,60%) scale(.92) rotate(-90deg)}50%{transform:translate(80%,-90%) scale(1.12) rotate(-180deg)}75%{transform:translate(-60%,-70%) scale(1.05) rotate(-270deg)}}@keyframes float3{0%,to{transform:translate(0) scale(1) rotate(0deg)}33%{transform:translate(90%,-80%) scale(1.18) rotate(120deg)}66%{transform:translate(-100%,-70%) scale(.88) rotate(240deg)}}@keyframes float4{0%,to{transform:translate(0) scale(1) rotate(0deg)}15%{transform:translate(-90%,-80%) scale(1.12) rotate(60deg)}30%{transform:translate(95%,70%) scale(.95) rotate(120deg)}45%{transform:translate(40%,-100%) scale(1.08) rotate(180deg)}60%{transform:translate(-100%,85%) scale(.92) rotate(240deg)}75%{transform:translate(80%,-75%) scale(1.05) rotate(300deg)}}@keyframes float5{0%,to{transform:translate(0) scale(1) rotate(0deg)}20%{transform:translate(-70%,95%) scale(.9) rotate(-72deg)}40%{transform:translate(85%,-90%) scale(1.12) rotate(-144deg)}60%{transform:translate(-100%,-100%) scale(1.02) rotate(-216deg)}80%{transform:translate(70%,90%) scale(.96) rotate(-288deg)}}.blob-container .blob1,.blob-container .blob2,.blob-container .blob3,.blob-container .blob4,.blob-container .blob5{width:2000px;height:2000px}.blob-container{filter:blur(100px)}