#container_login{
  margin-top: 120px;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  height: 60vh;
  min-height: 500px;
}
#post_log{
  width: 60%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
#post_log div{
  width: 300px;
  height:40px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 3%;
}
.inputs_co{
  width: 100%;
  height: auto;
}
input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill {
  font-family: inherit !important;
  font-size: inherit !important;
  font-weight: inherit !important;
}
input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px transparent inset;
  -webkit-text-fill-color: inherit;
  transition: background-color 5000s ease-in-out 0s;
}
input{
  font-size: inherit!important;
}
button{
    justify-content: center;
}
#btn_sub{
  margin-top: 2%;
}
input{
  background-color: white;
  border: 1px solid transparent;
  padding: 1%;
  padding-left: 2%;
}
.messages{
  display: flex;
  flex-direction: column;
}



@media (max-width: 1366px) {
  #post_log div{
    margin-top: 2%;
  }
  #container_login{
    min-height: auto;
  }
}

@media (max-width: 400px) {
  .inputs_co{
    width: 80%;
  }
}