body {
  background: linear-gradient(#192653 0%, #306cb6 100%);
}
.card {
  border: none;
  border-radius: 0;
}
.password-strength {
  height: 5px;
  border-radius: 3px;
}
.separator {
  display: flex;
  align-items: center;
  text-align: center;
  margin: 20px 0;
}
.separator::before,
.separator::after {
  content: '';
  flex: 1;
  border-bottom: 1px solid #ddd;
}
.separator:not(:empty)::before {
  margin-right: 0.5em;
}
.separator:not(:empty)::after {
  margin-left: 0.5em;
}

.g_id_signin {
  margin: 0 auto;
}
.brand-logo {
  height: 80px;
}
.logo-top-left {
  position: absolute;
  top: 15px;
  left: 15px;
  max-height: 300px;
}

.valid {
  color: green;
}
.invalid {
  color: red;
}