header{
   width: 100vw;
   height: 10vw;
 }
 

 
 
 .st0 {
     fill: #E6E6E6;
 }

 .st1 {
     fill: #8CC63F;
 }

 .st2 {
     fill: #EBC3FF;
 }

 .st3 {
     fill: #457FFF;
 }


 #white-1{
animation: wavemaker 48s ease-in-out infinite alternate-reverse;
 }

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

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

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

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