@keyframes gradient-shift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.animate-gradient-red{background:linear-gradient(-45deg,#450a0a,#7f1d1d,#991b1b,#dc2626);background-size:400% 400%}.animate-gradient-blue,.animate-gradient-red{animation:gradient-shift 8s ease infinite;display:flex;flex-direction:row;justify-content:center;align-items:center}.animate-gradient-blue{background:linear-gradient(-45deg,#60a5fa,#93c5fd,#bfdbfe,#dbeafe);background-size:400% 400%}.blob{position:absolute;width:600px;aspect-ratio:1/1;animation:animate 10s cubic-bezier(.68,-.55,.27,1.55) infinite alternate forwards;filter:blur(60px);mix-blend-mode:multiply;top:50%;left:50%;transform:translate(-50%,-50%)}.blob-primary-red{opacity:.7;z-index:1;background:linear-gradient(47deg,rgba(69,10,10,.8) 21%,rgba(127,29,29,.8) 45%,rgba(153,27,27,.8) 67%,rgba(220,38,38,.8) 81%);animation-delay:0s}.blob-secondary-red{opacity:.5;z-index:2;width:800px;background:linear-gradient(120deg,rgba(127,29,29,.6) 15%,rgba(153,27,27,.6) 45%,rgba(220,38,38,.6) 85%);animation-delay:-3s;animation-duration:12s}.blob-tertiary-red{opacity:.3;z-index:3;width:1000px;background:linear-gradient(-60deg,rgba(69,10,10,.5) 20%,rgba(220,38,38,.5) 50%,rgba(153,27,27,.5) 80%);animation-delay:-6s;animation-duration:15s}.blob-primary-blue{opacity:.7;z-index:1;background:linear-gradient(47deg,rgba(96,165,250,.8) 21%,rgba(147,197,253,.8) 45%,rgba(191,219,254,.8) 67%,rgba(219,234,254,.8) 81%);animation-delay:0s}.blob-secondary-blue{opacity:.5;z-index:2;width:800px;background:linear-gradient(120deg,rgba(147,197,253,.6) 15%,rgba(96,165,250,.6) 45%,rgba(191,219,254,.6) 85%);animation-delay:-3s;animation-duration:12s}.blob-tertiary-blue{opacity:.3;z-index:3;width:1000px;background:linear-gradient(-60deg,rgba(219,234,254,.5) 20%,rgba(96,165,250,.5) 50%,rgba(147,197,253,.5) 80%);animation-delay:-6s;animation-duration:15s}@keyframes animate{0%{translate:-15% -15%;border-radius:60% 40% 30% 70%/100% 85% 92% 74%;scale:1}50%{translate:15% 15%;border-radius:20% 71% 47% 70%/81% 15% 22% 54%;rotate:180deg;scale:1.2}to{translate:-10% 10%;border-radius:100% 75% 92% 74%/60% 80% 30% 70%;rotate:1turn;scale:.95}}