.section-background-content {
    opacity: 0;
}
section, .section-border, .section-background {
    background-color: transparent !important;
}
body {
background: radial-gradient(90% 90% at var(--6-x-position) var(--6-y-position), #000000 0%, transparent),radial-gradient(90% 90% at var(--7-x-position) var(--7-y-position), #1A3B89 0%, transparent),radial-gradient(90% 90% at var(--8-x-position) var(--8-y-position), #981654 20%, transparent),radial-gradient(90% 90% at var(--9-x-position) var(--9-y-position), #FF8741 50%, transparent),#000000;
animation-name: main;
animation-iteration-count: infinite;
animation-duration: 10s;
transition-timing-function: ease-out;
}

@property --6-x-position { syntax: '<percentage>'; inherits: false; initial-value: 20%; }
@property --6-y-position { syntax: '<percentage>'; inherits: false; initial-value: 80%; }
@property --7-x-position { syntax: '<percentage>'; inherits: false; initial-value: 80%; }
@property --7-y-position { syntax: '<percentage>'; inherits: false; initial-value: 20%; }
@property --8-x-position { syntax: '<percentage>'; inherits: false; initial-value: 69.96093750000001%; }
@property --8-y-position { syntax: '<percentage>'; inherits: false; initial-value: 20.234375000000004%; }
@property --9-x-position { syntax: '<percentage>'; inherits: false; initial-value: 52.85156250000001%; }
@property --9-y-position { syntax: '<percentage>'; inherits: false; initial-value: 62.42187500000001%; }

:root {
--6-x-position: 20%
--6-y-position: 80%
--7-x-position: 80%
--7-y-position: 20%
--8-x-position: 69.96093750000001%
--8-y-position: 20.234375000000004%
--9-x-position: 52.85156250000001%
--9-y-position: 62.42187500000001%
}

@keyframes main { 25% {--6-x-position: 15%;--6-y-position: 15%;--7-x-position: 85%;--7-y-position: 80%;}50% {--6-x-position: 80%;--6-y-position: 15%;--7-x-position: 15%;--7-y-position: 85%;--8-x-position: 20%;--8-y-position: 20%;--9-x-position: 50%;--9-y-position: 20%;} }