body{background:linear-gradient(135deg,#d3c6cc,#8099a2)}.containerbg{width:100%;height:100%;overflow:hidden;background:radial-gradient(circle,rgba(255,255,255,.2),rgba(0,0,0,.1))}.containerbg:after,.containerbg:before{content:"";top:50%;left:50%;width:200%;height:200%;background:conic-gradient(from 0deg,#ff9aa2,#ffb7b2,#ffdac1,#e2f0cb,#a2e4ff,#c9afff,#ffb7b2,#ff9aa2);transform:translate(-50%,-50%);animation:rotate 8s linear infinite;filter:blur(50px);opacity:.8}.containerbg:after{width:180%;height:180%;animation:rotate-reverse 10s linear infinite;opacity:.6}@keyframes rotate{0%{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(1turn)}}@keyframes rotate-reverse{0%{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(-1turn)}}