header {
    overflow: hidden;
}

body{
  background-color: #000000;
}

header svg {
    width: 500vw;
    
}
h1{

    color: white;
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    font-size: large;
    }
    

.move-right{
    transform: translateX(70vw);
  }

.st0{fill:#99124d7e;}

.st1{fill:#eb7eaf;}

.st2{fill:hsl(319, 76%, 88%);}

.st3{fill:#c415849e;}

.st4{fill:#4b0318;}

/* animation styles */


#purple-pink-2{
    animation: wavemaker 10s ease-in-out infinite alternate-reverse;
}
  
#light-pink-2{
    animation: wavemaker 9s ease-in-out infinite alternate;
}
  
#red-pink-4{
    animation: wavemaker 17s ease-in-out infinite alternate-reverse;
}
  
#pastel-pink-5{
    animation: wavemaker 16s ease-in-out infinite alternate;
}
  
@keyframes wavemaker {  
0% {
    transform: translateX(-4vw);
}
100% {
    transform: translateX(-10vw);
}
    
}