@import url(./normalize.css);
body, *, div {
  margin: auto;
  padding: 0; }

/*estilo de login*/
header {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1440px;
  height: 300px;
  background-color: #0F4E70; }
  header .title {
    display: flex; }
    header .title h1 {
      font-size: 2rem;
      text-align: center;
      color: aliceblue; }

section {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1440px;
  height: 500px; }
  section .form {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    height: 500px;
    max-width: 300px;
    text-align: center; }
    section .form form input {
      width: 80%;
      margin-bottom: 20px;
      height: 35px; }
      section .form form input::placeholder {
        text-align: center; }
    section .form form input[type="submit"] {
      width: 200px; }

footer {
  display: flex;
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  max-width: 1440px;
  height: 120px;
  background-color: #0F4E70; }
  footer .img {
    display: flex;
    width: 100%; }
    footer .img img {
      width: 100%;
      max-width: 70px;
      height: 70px; }

/*estilo de login*/
@media (max-width: 320px) {
  header .title {
    display: flex; }
    header .title h1 {
      font-size: 2rem; } }
@media (max-width: 375px) {
  header .title {
    display: flex; }
    header .title h1 {
      font-size: 2rem; } }
@media (max-width: 425px) {
  header .title {
    display: flex; }
    header .title h1 {
      font-size: 2rem; } }

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