header
{width: 100vw;}

.st0 {
    fill:#A44848;
}

.st1{
    fill:#277A82;
}

.st2{
    fill:#57C09E;
}


/* animation Styles */
#red{
    animation: wavemaker 15s ease-in-out infinite alternate-reverse;
}

#cyan{
    animation: wavemaker 18s ease-in-out infinite alternate-reverse;
}

#green{
animation: wavemaker 12s ease-in-out infinite alternate;
}

@keyframes wavemaker {
    0%{
        transform: translateX(-4vw);
    }

    100%{
        transform: translateX(30vw);
    }
}