HTML SCSS JS Result Skip Results Iframe
HTML, BODY {
    height: 100%;
}

BODY {
    font-family: Georgia, sans-serif;
    font-size: 12px; 
    font-weight: bold
}

svg  {
    position: absolute;
    width: 100%;
    height: 100%;
    // border: 1px solid red;
}

.stop--1 {
    animation: colors-1 2.5s infinite;
}
.stop--2 {
    animation: colors-2 5s infinite;
}
.stop--3 {
    animation: colors-3 7.5s infinite;
}

@keyframes colors-1 {
    30% {
        stop-color: purple;
    }
    60% {
        stop-color: red;
    }
}
@keyframes colors-2 {
    50% {
        stop-color: khaki;
    }
}
@keyframes colors-3 {
    30% {
        stop-color: teal;
    }
    60% {
        stop-color: yellowgreen;
    }
}