/**Hoja de stilos**/

html {
    font-size: 12px; /* px quiere decir 'píxeles': el tamaño de la fuente base es ahora de 10 píxeles de altura */
    font-family: "Open Sans", sans-serif;
    background-color: rgb(250, 250, 250); /* Este debe ser el resto del resultado que obtuviste de Google fonts */
  }
  

  p {
    color: rgb(116, 116, 116);
    width: 500px;
  }


/**secreta.hph/login.html**/

img{
    display: block;
    margin: 0px auto;
    background-color: white;
    height:50px;
    text-align: center;
    padding: 20px;
    border-radius: 8%;
    
   } 

  .titulo1secreta {

    color: rgb(35, 35, 36);
    font-size:14px;
    text-align: center;
    display: block;
    margin: 0px auto;

  }

  .tituloprincipal {

    font-size:25px;
    text-align: center;

  }

  h4 {

    text-align: center;
    padding: 0px 5px 0px 5px;
    margin: 0px 5px 0px 5px;
    

  }
  form {

   margin: 0 auto; /* Centramos el formulario */
   width: 200px;   /* Sin ancho no podemos centrar el formulario */
   background-color: white; /* Color blanco para el formulario */
   padding: 10px 50px; /* separamos los bordes del form del resto de elementos */
   border-radius: 10px; /* Redondeamos los bordes del form */
   display:block;

  }

  button {

   margin: 10px auto; /* Centramos el formulario */
   width: 200px;   /* Sin ancho no podemos centrar el formulario */
   background-color: rgb(156, 230, 127); /* Color blanco para el formulario */
   padding: 5px; /* separamos los bordes del form del resto de elementos */
   border-radius: 10px; /* Redondeamos los bordes del form */
   display:block;

  }

  input {
    
    max-width: 0 auto;
    padding: 2px;
  }

  .texfial {

    color: rgb(88, 88, 88);
    font-size:12px;
    text-align: center;
    display: block;
    margin: 0px auto;

  }

.errrorUsuario {

  background-color: rgb(236, 176, 176);
  color: brown;
  max-width: 0 auto;
  padding: 20px 10px 20px;
  border-radius:20pt;
  margin: 200px 550px 50px 550px;
  text-align: center;
  display: flex;
  justify-content: center;
}