/* Definir la fuente "Hack Nerd Font" */
@font-face {
    font-family: 'Hack Nerd Font';
    src: url('/fonts/Hack_Regular_Nerd_Font_Complete.ttf') format('truetype');
}

/* Definir la fuente "Symbols Nerd Font-Regular" */
@font-face {
    font-family: 'Symbols Nerd Font';
    src: url('/fonts/SymbolsNerdFont-Regular.ttf') format('truetype');
}


@font-face {
    font-family: 'Hurmit Nerd Font';
    src: url('/fonts/HurmitNerdFont-Regular.otf') format('opentype');
}


.FuenteBoton {
    font-family: 'Hack Nerd Font';
}

.FuenteNerd {
    font-family: 'Hurmit Nerd Font';
}

.FuenteNerd1 {
    font-family: 'Symbols Nerd Font';
}

.FuenteNerd2 {
    font-family: 'Hurmit Nerd Font';
}



.colorboton {
    /*
        background: #ffd800;
        color: white;
           border: 1px solid #006;
    */
    font-weight: 200;
    font-size: 14px;
    min-height: 54px;
    line-height: 27px;
    border: none; /* <-- This thing here */

    border-radius: 10px;
}

.TamanioFuenteIconoBoton {
    font-weight:100;
    color: white;
    font-size: 24px;
}

.TamanioFuenteVersion {
    /*font-weight: bold;*/
    font-size: 10px;
}

.area {
    text-align: center;
    display: block;
    
    
}

.content {
    display: table-cell;
    vertical-align: middle;

}

.brsmall {
    display: block;
    margin-bottom: -.0em;
}

.brxsmall {
    display: block;
    margin-bottom: -.8em;
}