*{
  padding: 0px;
  margin: 0px;
}

header{
  overflow: hidden;

}

header svg{
  width: 150vw;
  margin-top: -1500px;
}



.st0 {
    fill: #091533;
  }

  .st1 {
    fill: #23386a;
  }

  .st2 {
    fill: #dee0e8;
  }

  .st3 {
    fill: #6379a8;
  }

  /*animation style*/

#wave4{
  animation: wavemaker 10s ease-in-out infinite alternate-reverse;
}
#wave_3{
  animation: wavemaker 10s ease-in-out infinite alternate;
}

#wave_2{
  animation: wavemaker 30s ease-in-out infinite alternate-reverse;
}

#wave_1{
animation: wavemaker 20s ease-in-out infinite alternate;
}

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