:root {
    --layer1_animation6: #009DFF;
    --layer2_animation6: #FF0000;
    --layer3_animation6: #FFFC00;
    --layer4_animation6: #00FFFF;
}
/* ----------------------------------------------- */
#svg_animation6 {
    background-color: black;
}

#svg_animation6 > .layer1 {
    fill: var(--layer1_animation6);
    transform-origin: 50% 50%;
    scale: 1;
}

#svg_animation6 > .layer2 {
    fill: var(--layer2_animation6);
    scale: 0.7071067812;
    transform-origin: 50% 50%;
    transform: rotate(45deg);
}

#svg_animation6 > .layer3 {
    fill: var(--layer3_animation6);
    scale: 0.5;
    transform-origin: 50% 50%;
    transform: rotate(0deg);
}