.animated-background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;overflow:hidden;background-color:#000}.animated-background:before{background:radial-gradient(circle at center,rgba(255,0,255,.15),rgba(140,82,255,.12),rgba(51,153,255,.1),rgba(255,0,0,.08),rgba(0,255,255,.06),transparent 80%);animation:moveGradient 30s ease-in-out infinite,pulse 10s ease-in-out infinite,colorShift 15s ease-in-out infinite;filter:blur(60px)}.animated-background:after,.animated-background:before{content:"";position:absolute;top:-100%;left:-100%;width:300%;height:300%}.animated-background:after{background:radial-gradient(circle at center,rgba(140,82,255,.12),rgba(255,0,128,.1),rgba(0,183,255,.08),rgba(255,140,0,.06),transparent 80%);animation:moveGradient 35s ease-in-out infinite reverse,pulse 12s ease-in-out infinite,colorShift 20s ease-in-out infinite reverse;filter:blur(65px)}.overlay{position:absolute;width:100%;height:100%;background:radial-gradient(circle at center,rgba(0,0,0,.2) 0,rgba(0,0,0,.4) 40%,rgba(0,0,0,.85) 100%);pointer-events:none}@keyframes moveGradient{0%{transform:translate(0) scale(1) rotate(0deg)}20%{transform:translate(-15%,10%) scale(1.05) rotate(3deg)}40%{transform:translate(-8%,-12%) scale(.97) rotate(-2deg)}60%{transform:translate(12%,-8%) scale(1.03) rotate(2deg)}80%{transform:translate(15%,15%) scale(.96) rotate(-3deg)}to{transform:translate(0) scale(1) rotate(0deg)}}@keyframes pulse{0%{opacity:.7}50%{opacity:1}to{opacity:.7}}@keyframes colorShift{0%{filter:hue-rotate(0deg) blur(60px)}50%{filter:hue-rotate(180deg) blur(65px)}to{filter:hue-rotate(1turn) blur(60px)}}