.error-message {
  background-color: #fce4e4;
  border: 1px solid #fcc2c3;
  padding: 20px 30px;
  margin-bottom: 10px;
}

.error-text {
  color: #cc0033;
  font-family: Helvetica, Arial, sans-serif;
  font-size: .875rem;
  font-weight: bold;
  line-height: 20px;
  text-shadow: 1px 1px rgba(250, 250, 250, .3);
}

html,
body {
  height: 100%;
  background-color: #373A3C;
  font-family: BlinkMacSystemFont, -apple-system, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
}

.notification + .hero.is-fullheight {
  min-height: 75vh;
}

/* container */
.card {
  padding: 1rem;
  border-radius: 8px;
}

.card .title {
  font-size: 1.5rem;
  padding-bottom: 1rem;
}

/* container contents */

.powered-by {
  color: gray;
  font-size: 1rem;
  font-variant: small-caps;
  margin-top: .5rem;
}

.powered-by img {
  height: 1rem;
  margin-bottom: -3px;
}

.form-signin input[type="email"] {
  margin-bottom: 1rem;
}

.form-signin input[type="checkbox"] {
  margin: 1rem 0;
}

a.forgot-password {
  font-size: .75rem !important;
  padding-bottom: 1.2rem;
  text-align: left !important;
  width: 100%;
}

p.copyright {
  font-size: .875rem;
  margin-top: 1rem;
}