#formulario {
    position: 50%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: lightgray;
    padding: 10px;
    border: 1px solid gray;
}
input[type="text"],
input[type="email"],
input[type="submit"] {
    display: block;
    margin-bottom: 10px;
    padding: 5px;
    border: 1px solid gray;
    border-radius: 5px;
    width: 100%;
    box-sizing: border-box;
}

.imagenlogo{
    
    width: 10% !important;
}
 table {
           border-collapse: separate;
           border-spacing: 5px;
           background: #000 url("gradient.gif") bottom left repeat-x;
           color: #fff;
           width: 100%;
           border: 2px solid gray; /* Bordes externos */
        }

            thead th {
       background-color: #d3d3d3; /* Relleno gris claro para el encabezado */
       color: #000; /* Color del texto en el encabezado */
    }

        tr {
           background: #fff;
           color: #000;
           border-top: 1px solid #000;
           border-left: 1px solid #000;
           border-right: 1px solid #000;
        }

        tr:not(:last-child) {
           border-bottom: 1px solid gray;
        }

        td, th {
           border: 1px solid #000;
        }

        /* Estilo para sombrear la fila al pasar el mouse */
        tr:hover {
           background-color: #f0f0f0;
        }