.ball1{top:10%;left:10%;animation:ball1 20s infinite}.ball2{bottom:10%;right:10%;animation:ball2 30s infinite}.ball3{bottom:10%;left:10%;animation:ball3 10s infinite}@property --color-top{syntax: "<color>"; initial-value: #140164; inherits: false;}@property --color-bottom{syntax: "<color>"; initial-value: #010101; inherits: false;}.bg-radial-gradient{background:radial-gradient(at center bottom,var(--color-top),var(--color-bottom));animation:radialBg 10s infinite ease-in-out;width:100%;height:100%}@keyframes radialBg{0%{--color-top: #140164;--color-bottom: #010101}50%{--color-top: #6d0524;--color-bottom: #010101}75%{--color-top: #ff7300;--color-bottom: #010101}to{--color-top: #140164;--color-bottom: #010101}}@keyframes ball1{0%{top:10%;left:10%;scale:1}25%{top:40%;left:40%;scale:2}50%{top:40%;left:10%;scale:1}75%{top:10%;left:40%;scale:2}}@keyframes ball2{0%{bottom:10%;right:10%;scale:1}25%{bottom:20%;right:20%;scale:2}50%{bottom:20%;right:10%;scale:1}75%{bottom:10%;right:20%;scale:2}}@keyframes ball3{0%{bottom:10%;left:10%;scale:1}25%{bottom:20%;left:20%;scale:2}50%{bottom:20%;left:10%;scale:1}75%{bottom:10%;left:20%;scale:2}}