<style type="text/css">body {
    font-family: comic sans, Helvetica;
}

h1 {
    font-size  : 1.5em;
    text-align : center;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
}

h4{
    font-size  : 1.em;
    
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    text-decoration: brown;

}

#info{
    display: flex;
    text-align: justify;
    font-size: 1em;
    border-radius: 0.2em;
    background-color: rgb(219, 219, 135);
}

#pantalla{
    text-align: right;
}

body {
    background-color: rgb(172, 199, 191);
}

#box_entrada {
    display: flex;
    flex-wrap: wrap;
    border-radius   : 0.5em;
    
}

/*

button {
    border-radius   : 1em;
    background-color: rgb(211, 134, 33);
}
*/

.button:hover{
    background-color:rgb(116, 122, 120);
}
#bot_unita > button {
  
    border-radius   : 0.4em;
    background-color: rgb(245, 242, 239);
}

#bot_unita
{
    display: flex;
    justify-content: stretch;
    align-items: stretch;
    align-content: space-between;
}

#bot_bin{
    display: flex;
    align-items: center;
    align-content: space-between;
}

#bot_csv{

    display: flex;
    align-items: stretch;
  
    

}

#bot_bin > button {
    border-radius   : 0.4em;
    background-color: rgb(245, 242, 239);
}


#bot_csv > button {
    border-radius   : 0.4em;
    background-color: rgb(245, 242, 239);
}

</style>