html, body {
  background: url(https://images.sogefi-web.com/applications/citadia/fond.png) no-repeat center center fixed;
  background-size: cover;
}
#card_login{
  max-width: 650px;
  min-width: 450px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.card {
  background-color: rgba(255, 255, 255, 0.88) !important;
}
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus,input:-webkit-autofill:active {
  transition: background-color 5000s ease-in-out 0s;
  -webkit-text-fill-color: #505050 !important;
}
@media (max-height: 550px){
  #card_login{
    top: 0;
    left: 0;
    transform: initial;
  }
}