@keyframes gradient-animation{0%{--x-0:13%;--c-0:#c4e9e0;--y-0:85%;--s-start-0:5%;--s-end-0:52%;--y-1:12%;--c-1:#f5c4b7;--s-start-1:5%;--s-end-1:72%;--x-1:86%;--y-2:28%;--s-start-2:13%;--s-end-2:68%;--x-2:36%;--c-2:#b5e3d8;--y-3:16%;--c-3:#f1e3da;--x-3:90%;--s-start-3:9%;--s-end-3:55%}to{--x-0:75%;--c-0:#c4e9e0;--y-0:21%;--s-start-0:5%;--s-end-0:52%;--y-1:12%;--c-1:#f5c4b7;--s-start-1:5%;--s-end-1:72%;--x-1:13%;--y-2:88%;--s-start-2:13%;--s-end-2:68%;--x-2:86%;--c-2:#b5e3d8;--y-3:87%;--c-3:#f1e3da;--x-3:90%;--s-start-3:9%;--s-end-3:55%}}@property --x-0{syntax:"<percentage>";inherits:false;initial-value:13%}@property --c-0{syntax:"<color>";inherits:false;initial-value:#c4e9e0}@property --y-0{syntax:"<percentage>";inherits:false;initial-value:85%}@property --s-start-0{syntax:"<percentage>";inherits:false;initial-value:5%}@property --s-end-0{syntax:"<percentage>";inherits:false;initial-value:52%}@property --y-1{syntax:"<percentage>";inherits:false;initial-value:12%}@property --c-1{syntax:"<color>";inherits:false;initial-value:#f5c4b7}@property --s-start-1{syntax:"<percentage>";inherits:false;initial-value:5%}@property --s-end-1{syntax:"<percentage>";inherits:false;initial-value:72%}@property --x-1{syntax:"<percentage>";inherits:false;initial-value:86%}@property --y-2{syntax:"<percentage>";inherits:false;initial-value:28%}@property --s-start-2{syntax:"<percentage>";inherits:false;initial-value:13%}@property --s-end-2{syntax:"<percentage>";inherits:false;initial-value:68%}@property --x-2{syntax:"<percentage>";inherits:false;initial-value:36%}@property --c-2{syntax:"<color>";inherits:false;initial-value:#b5e3d8}@property --y-3{syntax:"<percentage>";inherits:false;initial-value:16%}@property --c-3{syntax:"<color>";inherits:false;initial-value:#f1e3da}@property --x-3{syntax:"<percentage>";inherits:false;initial-value:90%}@property --s-start-3{syntax:"<percentage>";inherits:false;initial-value:9%}@property --s-end-3{syntax:"<percentage>";inherits:false;initial-value:55%}.gradient{--x-0:13%;--c-0:#c4e9e0;--y-0:85%;--y-1:12%;--c-1:#f5c4b7;--x-1:86%;--y-2:28%;--x-2:36%;--c-2:#b5e3d8;--y-3:16%;--c-3:#f1e3da;--x-3:90%;animation:gradient-animation 10s linear infinite alternate;background-blend-mode:overlay,normal,normal,normal,normal;background-color:#f0f3f4;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 3000 3000'%3E%3Cfilter id='a'%3E%3CfeTurbulence baseFrequency='.65' numOctaves='3' stitchTiles='stitch' type='fractalNoise'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)'/%3E%3C/svg%3E"),radial-gradient(circle at var(--x-0) var(--y-0),var(--c-0) var(--s-start-0),transparent var(--s-end-0)),radial-gradient(circle at var(--x-1) var(--y-1),var(--c-1) var(--s-start-1),transparent var(--s-end-1)),radial-gradient(circle at var(--x-2) var(--y-2),var(--c-2) var(--s-start-2),transparent var(--s-end-2)),radial-gradient(circle at var(--x-3) var(--y-3),var(--c-3) var(--s-start-3),transparent var(--s-end-3))}