/* Para toda la página */
*{
    margin: 0px;
    padding: 0px;
    box-sizing: border-box;/* lee el meta_No deja que los elementos sobre pasen la misma pág, que se contenga dentro de la pág.para que los elementos se queden fuera de la pantalla.*/
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;/* Tipo de letra para toda la pág  */
}
/*  */
body{
    display: flex;/* para todo tipo de ....mobil, table _regilla flexible */
    align-items: center;/*Centra los elementos en el espacio en vertical*/
    justify-content: center;/* controla el horizontal.el contenido es lo que esta escrito y lo envia al centro */
    min-height: 100vh;
    /* background-image: linear-gradient(blue,green); */
    background: linear-gradient(0.25turn, #3f87a6, #ebf8e1, #f63ced);
    /* Degradado */
}

table{
    border: black;
}
table input {

    color: rgb(59, 34, 3);
    font-size: 30px;
    table-layout: fixed; /*Para que la estructura de la tabla se mantengan juntas, column,row  */
    border-collapse: collapse;/* para que se contenga */
    text-align: center; /*Para que se centren los elementos de la tabla */
    border: 5px rgb(30, 10, 8);
}

#operacion { 

    color: rgb(59, 34, 3);
    font-size: 30px;
    table-layout: fixed; /*Para que la estructura de la tabla se mantengan juntas, column,row  */
    border-collapse: collapse;/* para que se contenga */
    text-align: center; /*Para que se centren los elementos de la tabla */
    

}
#resultado{
color: rgb(59, 34, 3);
    font-size: 30px;
    table-layout: fixed; /*Para que la estructura de la tabla se mantengan juntas, column,row  */
    border-collapse: collapse;/* para que se contenga */
    text-align: center; /*Para que se centren los elementos de la tabla */
    border: 5px salmon;

}