div.background{z-index:-1;background-color:var(--background,#eee);width:100%;height:100vh;position:fixed;top:0;left:0;overflow:hidden}div.background:before,div.background:after{content:"";filter:blur(80px);opacity:.5;z-index:-1;border-radius:50%;width:700px;height:700px;animation:10s ease-in-out infinite alternate move-blob;position:absolute}div.background:before{background:radial-gradient(circle,var(--theme),var(--background));top:-10%;left:-10%}div.background:after{background:radial-gradient(circle,var(--background),var(--theme));animation-delay:-5s;bottom:-10%;right:-10%}@keyframes move-blob{0%{transform:translate(0)scale(1)}50%{transform:translate(100px,50px)scale(1.2)}to{transform:translate(-50px,100px)scale(.8)}}@media (max-width:768px){div.background:before,div.background:after{width:250px;height:250px}}