body {
  background-color: antiquewhite;
  /* background-image: url("img/sfondo.png"); */
}

#login {
  padding: 6px;
  padding-bottom: 40px;
  min-width: 200px;
  max-width: 460px;
  border-color: purple;
  border-radius: 12px;
  border-style: solid;
  border-width: 1px;
  background-color: white;
}


#mail {
  width: 80%;
  align-items: center;
  /* Allinea verticalmente gli elementi al centro */
}

#passw {
  width: 80%;
  align-items: center;
  border-radius: 8px;
}

#showPasswordImage {
  cursor: pointer;
}

#registra {
  width: 60%;
  margin: 0 auto;
  /* Imposta il margine a zero e l'allineamento automatico */
  display: block;
  /* Mostra i pulsanti come elementi bloccati */
  border-radius: 22px;
  font-size: 18px;
}


#accedi {
  width: 60%;
  margin: 0 auto;
  /* Imposta il margine a zero e l'allineamento automatico */
  display: block;
  /* Mostra i pulsanti come elementi bloccati */
  border-radius: 22px;
  font-size: 18px;
}



.animate {
  -webkit-animation: animatezoom 0.6s;
  animation: animatezoom 0.6s
}

@-webkit-keyframes animatezoom {
  from {
    -webkit-transform: scale(0)
  }

  to {
    -webkit-transform: scale(1)
  }
}

@keyframes animatezoom {
  from {
    transform: scale(0)
  }

  to {
    transform: scale(1)
  }
}