.background-animation{z-index:-1;filter:blur(20px)contrast(5);will-change:filter;width:100%;height:100%;transition:background-color .5s;position:fixed;top:0;left:0;overflow:hidden}.background-animation.theme-dark{background-color:#000}.background-animation.theme-dark .blob,.background-animation.theme-light{background-color:#fff}.background-animation.theme-light .blob{background-color:#000}.blob{opacity:.7;filter:blur(40px);will-change:transform,border-radius;border-radius:40% 60% 70% 30%/40% 50% 60%;transition:background-color .5s;animation:15s infinite alternate move,10s infinite morph;position:absolute}.blob1{width:400px;height:400px;animation-duration:15s;top:-100px;left:-100px}.blob2{width:300px;height:300px;animation-duration:12s;animation-delay:-5s;top:50%;left:50%}.blob3{width:250px;height:250px;animation-duration:18s;animation-delay:-10s;top:80%;left:20%}@keyframes move{0%{transform:translate(0)rotate(0)}to{transform:translate(500px,500px)rotate(360deg)}}@keyframes morph{0%{border-radius:40% 60% 70% 30%/40% 50% 60%}50%{border-radius:60% 40% 30% 70%/50% 60% 50% 40%}to{border-radius:40% 60% 70% 30%/40% 50% 60%}}