body
{background: rgb(36, 36, 36);}
h1{
  background: rgb(63, 63, 63);
  text-align: center;
    size: 48px;
  }
  form {
      /* Centrar el formulario en la página */
      margin: 0 auto;
      width: 800px;
      /* Esquema del formulario */
      padding: 2em;
      border: 1px solid rgb(0, 0, 0);
      border-radius: 1em;
      background: rgb(51, 51, 51);
    }
    
    ul {
      list-style: none;
      padding: 0;
      margin: 0;
      background: rgb(63, 63, 63);
    }
    
    form li + li {
      margin-top: 1em;
      background: rgb(63, 63, 63);
    }
    
    label {
      /* Tamaño y alineación uniforme */
      display: inline-block;
      width: 300px;
      text-align:right;
      background: rgb(63, 63, 63);
    }
    
    input,
    textarea {
      /* Para asegurarse de que todos los campos de texto tienen la misma configuración de letra
         Por defecto, las áreas de texto tienen un tipo de letra monoespaciada */
      font: 1em sans-serif;
     
    
      /* Tamaño uniforme del campo de texto */
      width: 300px;
      box-sizing: border-box;
      
    
      /* Hacer coincidir los bordes del campo del formulario */
      border: 1px solid rgb(0, 0, 0);
      background: rgb(63, 63, 63);
    }
    
    input:focus,
    textarea:focus {
      /* Destacado adicional para elementos que tienen el cursor */
      border-color: #000;
      
    }
    
    textarea {
      /* Alinear los campos de texto multilínea con sus etiquetas */
      vertical-align: top;
      background: rgb(63, 63, 63);
    
      /* Proporcionar espacio para escribir texto */
      height: 5em;
    }
    
    .button {
      /* Alinear los botones con los campos de texto */
      padding-left: 100px; /* mismo tamaño que los elementos de la etiqueta */
      
    }
    
    button {
      /* Este margen adicional representa aproximadamente el mismo espacio que el espacio
         entre las etiquetas y sus campos de texto */
      margin-left: 3.9em;
      background: rgb(63, 63, 63);
    }