.blobs-container{position:fixed;top:0;left:0;width:100%;height:100vh;overflow:hidden;z-index:0;pointer-events:none;--tw-bg-opacity:1;background-color:rgb(8 8 8/var(--tw-bg-opacity,1))}.blob{position:absolute;aspect-ratio:1;border-radius:50%;filter:blur(150px);opacity:.45;transition:background-color .5s ease;--tw-bg-opacity:1;background-color:rgb(186 237 7/var(--tw-bg-opacity,1))}.blobs-grain{position:absolute;inset:0;z-index:1;pointer-events:none;opacity:.4;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='320' height='320'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.4' numOctaves='4'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  0 0 0 1.2 -0.15'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:320px 320px}.blobs-container.blue .blob{--tw-bg-opacity:1;background-color:rgb(133 180 255/var(--tw-bg-opacity,1))}.blob-1{width:clamp(140px,35vw,300px);top:5%;left:5%}.blob-2{width:clamp(180px,45vw,500px);top:50%;right:0}.blob-3{bottom:5%;left:10%}.blob-3,.blob-4{width:clamp(160px,40vw,450px)}.blob-4{top:20%;right:15%}.blob-5{width:clamp(150px,35vw,380px);bottom:15%;left:45%}