:root{--blob1-light-start: #ffa07a;--blob1-light-end: #ff7f50;--blob2-light-start: #ff8c00;--blob2-light-end: #ff6347;--blob3-light-start: #ffa500;--blob3-light-end: #ff4500;--blob4-light-start: #ff7f50;--blob4-light-end: #ffa07a;--blob1-dark-start: #4361ee;--blob1-dark-end: #3a0ca3;--blob2-dark-start: #7209b7;--blob2-dark-end: #560bad;--blob3-dark-start: #480ca8;--blob3-dark-end: #3f37c9;--blob4-dark-start: #560bad;--blob4-dark-end: #7209b7;--blob-end-opacity: 0.6}.blob{position:absolute;border-radius:50%;z-index:1}.blob-1{animation:blob-move-1 40s infinite alternate ease-in-out}.blob-2{animation:blob-move-2 30s infinite alternate ease-in-out}.blob-3{animation:blob-move-3 35s infinite alternate ease-in-out}.blob-4{animation:blob-move-4 45s infinite alternate ease-in-out}@keyframes blob-move-1{0%{transform:translate(-20%, -30%) scale(1)}50%{transform:translate(30%, 40%) scale(1.2)}100%{transform:translate(-20%, -30%) scale(1)}}@keyframes blob-move-2{0%{transform:translate(20%, 30%) scale(1)}50%{transform:translate(-30%, -40%) scale(0.8)}100%{transform:translate(20%, 30%) scale(1)}}@keyframes blob-move-3{0%{transform:translate(-30%, 20%) scale(0.9)}50%{transform:translate(40%, -30%) scale(1.1)}100%{transform:translate(-30%, 20%) scale(0.9)}}@keyframes blob-move-4{0%{transform:translate(30%, -20%) scale(1.1)}50%{transform:translate(-40%, 30%) scale(0.9)}100%{transform:translate(30%, -20%) scale(1.1)}}