input {
  height: 40px;
}
label {
  text-transform: uppercase;
}

.bg_azul {
  background-color: rgb(0, 112, 192);
}

.form_content {
  background-color: white;
  border: 2px solid black;
  border-radius: 1rem;
}

.content_title {
  font-weight: normal;
  color: rgb(73, 73, 73);
}

.img_fundo {
  background-image: url(https://cliente.p2pconecta.com.br/img/background_login.jpg);
  background-size: cover;
  border-bottom-left-radius: 4rem;
  border-bottom-right-radius: 4rem;
  border: 2px solid black;
  max-height: 450px;
}

#magnet_left {
  position: absolute;
  top: 55%;
  right: 10%;
}
#magnet_right {
  position: absolute;
  top: 83%;
  left: 10%;
}

@media only screen and (max-width: 600px) {
  #magnet_left {
    right: 5%;
    width: 10vw;
  }
  #magnet_right {
    left: 5%;
    width: 15vw;
  }
}

@media only screen and (max-width: 400px) {
  #magnet_left {
    top: 60%;
    right: 0%;
    width: 8vw;
  }
  #magnet_right {
    top: 90%;
    left: 0%;
    width: 12vw;
  }
}
/*
azul = rgb(0, 112, 192)
*/