.banner-card {
    background-color: rgba(255, 255, 255, 0.75);
    border-color: transparent;
    border-radius: 10px;
    padding-top: 30px;
    padding-bottom: 30px;
}
.banner-card input, button {
    background-color: rgba(255, 255, 255, 0.5) ;
    border-color: rgba(0, 0, 0, 0.25);
}

#banner {
	background: linear-gradient(-45deg, #9f55fa, #7655fa, #4a5fff, #40b3ff, #0feecc, #2bda82);
    background-size: 300% 300%;
    background-repeat: no-repeat;
    background-attachment: fixed;
	animation: gradientBG 20s linear infinite;
}

@keyframes gradientBG {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}

.header-color {
	font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
	font-size: 6rem;
	font-weight:  100;
	letter-spacing: 2px;
	text-align: center;
	color: #f35626;
	background-image: -webkit-linear-gradient(92deg, #f35626, #feab3a);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	-webkit-animation: hue 10s infinite linear;
}

@keyframes hue {
  from {
    -webkit-filter: hue-rotate(0deg);
  }
  to {
    -webkit-filter: hue-rotate(-360deg);
  }
}