.rainbow-launch-banner {
  background: repeating-linear-gradient(
    90deg,
    #0190d2,
    #0190d2 30px,
    #02a1d3 30px,
    #02a1d3 60px,
    #02b7b0 60px,
    #02b7b0 90px,
    #aabc1a 90px,
    #aabc1a 120px,
    #ffc32f 120px,
    #ffc32f 150px,
    #ff9d26 150px,
    #ff9d26 180px,
    #fe6227 180px,
    #fe6227 210px,
    #f43636 210px,
    #f43636 240px,
    #ff6279 240px,
    #ff6279 270px,
    #af65d4 270px,
    #af65d4 300px,
    #8344d1 300px,
    #8344d1 330px
  );
  background-size: 200% 200%;
  animation: barberpole 30s linear infinite;
/*   color: white; */
  border-radius: 10px;
}

@keyframes barberpole {
  100% {
    background-position: 100% 100%;
  }
}

.rainbow-banner-text {
  max-width: 75%;
  margin: auto;
  border-radius: 10px;
/*   align-content: center; */
  text-align: center;
  padding: 20px 0;
  font-size: 2rem;
  color: white;
}

.rainbow-banner-text h1 {
  font-size: 2rem;
}

@media only screen and (max-width: 475px) {
  .rainbow-launch-banner {
    animation: barberpole 10s linear infinite;
    margin-top: 20px;
  }
  .rainbow-banner-text {
    max-width: 100%;
  }
}