@property --a{syntax:"<percentage>";inherits:false;initial-value:30%}@property --b{syntax:"<percentage>";inherits:false;initial-value:100%}.top-colours{background-color:#99ffcf;background-image:radial-gradient(at var(--a) 5%,#f994a7 0,transparent 50%),radial-gradient(at 83% 99%,#e58fac 0,transparent 50%),radial-gradient(at 78% 4%,#89d3fb 0,transparent 50%),radial-gradient(at 77% var(--b),#fd5df3 0,transparent 50%),radial-gradient(at 29% 89%,#eec7a5 0,transparent 50%),radial-gradient(at 34% 95%,#43adfe 0,transparent 50%),radial-gradient(at 33% 80%,#513bf7 0,transparent 50%);animation:colorChange 5s infinite alternate}@keyframes colorChange{0%{--a:30%;--b:100%}50%{--a:40%;--b:50%}to{--a:50%;--b:0%}}