#login {
  padding: 8% 4% 4% 4%;
  color: #fff;
}
#login h2 {
  color: #007ACC;
  text-align: center;
  padding-bottom: 3%;
}
#login form {
  display: flex;
  flex-direction: column;
  align-items: center;
}
#login form div {
  display: grid;
  width: 100%;
  max-width: 400px;
}
#login form div label {
  margin-bottom: 5%;
}
#login form div label span {
  color: red;
}
#login form div input {
  margin-bottom: 10%;
  background-color: #F5F5F5;
  border: 2px solid #B0B0B0;
  border-radius: 2px;
  width: 100%;
  height: 45%;
  text-indent: 5px;
}
#login form button {
  color: #FFF;
  background-color: #004080;
  border: none;
  border-radius: 5px;
  padding: 0.5rem 1rem;
  cursor: pointer;
}
#login form .error {
  color: red;
  padding-top: 2%;
}

@media (max-width: 768px) {
  #login {
    padding-top: 15%;
  }
  #login h2 {
    padding: 2% 0% 5% 0%;
  }
  #login form div {
    padding: 1% 0%;
  }
  #login form .error {
    padding-top: 5%;
  }
}
@media (max-width: 425px) {
  #login {
    padding-top: 25%;
  }
}/*# sourceMappingURL=login.css.map */