.gradientSvg_5PSv4 {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}

.scalingEllipse770x231_2rzxx {
    transform-origin: 770px 231px;
    animation: scale770x231_22iOt 20s linear infinite alternate;
}

@keyframes scale770x231_22iOt {
    from {
        transform: rotate(22.8929deg);
    }
    to {
        transform: rotate(60deg);
    }
}

.rotatingEllipse705x383_0el6u {
    transform-origin: 705px 383px;
    animation: rotate705x383_JsoTC 30s linear infinite alternate;
}

@keyframes rotate705x383_JsoTC {
    from {
        transform: rotate(0deg) scale(1);
    }
    to {
        transform: rotate(360deg) scale(1.1);
    }
}

.scalingEllipse682x415_S-Zhq {
    transform-origin: 682px 415px;
    animation: scale682x415_BBh9j 30s linear infinite alternate;
}

@keyframes scale682x415_BBh9j {
    from {
        transform: scale(0.9) rotate(-14.4727deg); /* the rotate is required for the shape, and if not added here, these keyframes would remove the rotate transform */
    }
    to {
        transform: scale(1) rotate(-14.4727deg);
    }
}

.innerLeftEdge_C-DSM {
    animation: fillInnerLeftEdge_GK3kV 8s linear infinite alternate;
}

@keyframes fillInnerLeftEdge_GK3kV {
    from {
        stop-color: #88acb9;
    }
    to {
        stop-color: #b0c7ed;
    }
}

.faintLeftMiddle_iDsDW {
    animation: fillFaintLeftMiddle_NPtBK 8s linear infinite alternate;
}

@keyframes fillFaintLeftMiddle_NPtBK {
    from {
        stop-color: #1ea1cd;
    }
    to {
        stop-color: #f76c8e;
    }
}

.farLeftEdge_GYGH5 {
    animation: fillFarLeftEdge_9QOPy 8s linear infinite alternate;
}

@keyframes fillFarLeftEdge_9QOPy {
    from {
        stop-color: #fdcb99;
    }
    to {
        stop-color: #fda599;
    }
}