body, html {
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  background-image: url("../images/login-background.jpg");
  background-size: cover;
  background-repeat: no-repeat;
}
body main, html main {
  display: flex;
  justify-content: center;
  width: 100%;
}
body main section, html main section {
  width: 400px;
  background-color: #fafafa;
  padding: 75px 50px;
  border-radius: 5px;
  box-shadow: 5px 5px 15px 5px rgba(0, 0, 0, 0.3);
}
body main section h1, html main section h1 {
  text-align: center;
}
body main section p, html main section p {
  text-align: center;
  margin: 0;
  margin-top: 10px;
}
body main section form, html main section form {
  margin-top: 50px;
}

@media (max-width: 700px) {
  body main section {
    width: calc(75% - 100px);
  }
}

/*# sourceMappingURL=login.css.map */