@font-face {
    font-family: 'MiFuente'; /* El nombre que quieras darle a tu fuente */
    src: url('../fonts/mifuentettf.ttf') format('truetype'); /* Ruta a tu archivo de fuente .ttf */
}
@font-face {
    font-family: 'MiFuente1'; /* El nombre que quieras darle a tu fuente */
    src: url('../fonts/mifuentettf1.ttf') format('truetype'); /* Ruta a tu archivo de fuente .ttf */
}
@font-face {
    font-family: 'MiFuente2'; /* El nombre que quieras darle a tu fuente */
    src: url('../fonts/mifuentettf2.ttf') format('truetype'); /* Ruta a tu archivo de fuente .ttf */
}
@font-face {
    font-family: 'MiFuente3'; /* El nombre que quieras darle a tu fuente */
    src: url('../fonts/mifuente3.ttf') format('truetype'); /* Ruta a tu archivo de fuente .ttf */
}

@font-face {
    font-family: 'MiFuente4'; /* El nombre que quieras darle a tu fuente */
    src: url('../fonts/mifuente4.ttf') format('truetype'); /* Ruta a tu archivo de fuente .ttf */
}



/*para dejar en punto cero*/
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    
}


/*flex para la horizontalidad, y display para mostrar en forma horizontal,
z-index  definido. Esto significa que el elemento con  
z-index: 1000;  estará en una capa superior en comparación 
con otros elementos en la misma página.*/