header {
  overflow: hidden;
}

header svg {
  width: 150vw;
}

.st0 {
    fill: blue;
} 

.st1 {
    fill: #f15a24;
}

.st2 {
    fill: #ed1c24;
}


  /*animation styles*/

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

  #Orange{
    animation: wavemaker 14s ease-in-out infinite alternate-reverse;
  }

  #Blue{
    animation: wavemaker 16s ease-in-out infinite alternate;
  }

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

  }