label {
  display: block;
  font: 0.9rem "Fira Sans", sans-serif;
}

input[type="submit"] {
  margin-top: 1rem;
  background: #0077b6;
  color: white;
}

body {
  padding: 0;

  margin: 0;

  background-color: #fff;
}

#login {
  /* tirar do canto em cima e colocar no meio */
  display: flex;

  /* deixar no meio da tela (emcima e embaixo) */
  align-items: center;

  /* deixar no meio da tela (sair da esquerda da tela e centralizar) */
  justify-content: center;

  /* centralizar a parte de trocar senha (do topo para o meio) */
  height: 100vh;

  font-family: Cambria, Cochin, Georgia, Times, "Times New Roman", serif;
}

.card {
  background-color: #023e8a;

  padding: 40px;

  border-radius: 2px;

  width: 280px;
}

.card-header {
  padding-bottom: 50px;

  opacity: 0.8;

  color: #fff;
}

.card-header::after {
  content: "";

  width: 150px;

  height: 1px;

  background-color: #fff;

  display: block;

  margin-top: -17px;

  margin-left: -5px;
}

.card-content label {
  color: #fff;

  font-size: 12px;

  opacity: 0.8;
}

.card-content-area {
  display: flex;

  flex-direction: column;

  padding: 10px 0;
}

.card-content-area input {
  margin-top: 10px;

  padding: 0 5px;

  background-color: transparent;

  border: none;

  border-bottom: 1px solid white;

  outline: none;

  color: #fff;
}

.card-footer {
  display: flex;

  flex-direction: row;
}

.card-footer .submit {
  width: 40%;

  height: 40px;

  background-color: #7cd8f1;

  border: none;

  color: white;

  margin: 10px 0;
}

.card-footer a {

  display: flex;

  justify-content: center;

  padding: 12pX;

  text-align: center;
  
  margin: 10px auto;

  font-size: 12px;

  color: white;

  text-decoration: none;

  width: 30%;

  height: 17px;

  -webkit-text-stroke-width: 0.1px;

  background-color: #7cd8f1;

}




body{
    background-image: url("../img/interior-borrado-do-hospital-ou-clinico-com-povos-fundo-medico-abstrato_1484-1309.webp") ;
   background-size: cover;
   background-repeat: no-repeat;


}