.prot {
  position: absolute;
  left: -9999px;
}
.green {
  color: #33cc33;
}
.red {
  color: #ff3300;
}

.StripeElement {
  background-color: white;
  padding: 8px 12px;
  border-radius: 4px;
  border: 1px solid transparent;
  box-shadow: 0 1px 3px 0 #e6ebf1;
  -webkit-transition: box-shadow 150ms ease;
  transition: box-shadow 150ms ease;
}

.StripeElement--focus {
  box-shadow: 0 1px 3px 0 #cfd7df;
}

.StripeElement--invalid {
  border-color: #fa755a;
}

.StripeElement--webkit-autofill {
  background-color: #fefde5 !important;
}

.flash-message {
  padding: 5px;
  border-radius: 4px;
  margin-bottom: 5px;
  margin-left: 10px;
  margin-right: 10px;
  font-size: 1.2em;
  color: #fff;
}

.flash-notice {
  background-color: #33cc33;
}

.flash-alert {
  background-color: #ff3300;
}
.signup-error-explanation {
  color: red;
  font-weight: bold;
  font-size: 1.1em;
}

.profile-cover__add a {
  color: white;
  font-size: 1.1em;
  font-weight: bold;
}

.dob-tip {
  font-size: .9em;
  color: grey;
}