html {
  height: 100%;
}
body.body{
  background-color: #203240;
  height: 100%;
  color: #fafafa;
  text-align: center;
  margin: 0;
}

.header {
  height: 35%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.form {
  height: 65%;
}

.azure {
  display: flex;
  justify-content: center;
}

.login__azure {
  cursor: pointer;
}

a.login__azure:hover,
a.login__azure{
  color: white !important;
  text-decoration: none !important;
}

form {
  text-align: left;
  width: 290px;
  margin: 0 auto;
}

button {
  padding: 6px 20px;
  width: 100%;
  background-color: #ec625f;
  color: white;
  border: 1px solid #ec625f;
  border-radius: 4px !important;
  cursor: pointer;
  transition: 0.4s;
}

button:hover {
  border: 1px solid white;
}

.login__btn {
  margin: 20px 0 0px 0 !important;
}

.forgot-password a {
  text-align: center;
  text-decoration: underline !important;
  color: lightgray !important;
  font-size: 0.7rem;
}

.text {
  margin-bottom: 50px;
}

.error-text {
  margin: 24px;
}