@font-face {
    font-family: 'Fuente1';
    src: url('../fuentes/BebasNeue_Regular.otf') format('opentype');
    font-weight: normal;
}

@font-face {
    font-family: 'Fuente2';
    src: url('../fuentes/BebasNeue-Regular.ttf') format('truetype');
    font-weight: normal;
}

@font-face {
    font-family: 'Fuente3';
    src: url('../fuentes/Montserrat-VariableFont_wght.ttf') format('truetype');
    font-weight: 100 900;
}

.nav-gradient {
    background: linear-gradient(180deg,
            rgba(127, 29, 29, 1),
            rgba(127, 29, 29, 0.8) 50%,
            rgba(127, 29, 29, 0));
}

.footer-gradient {
    background: linear-gradient(0deg,
            rgba(0, 0, 0, 1),
            rgba(0, 0, 0, 0.6) 40%,
            rgba(0, 0, 0, 0.3) 70%,
            rgba(0, 0, 0, 0));
}


.fuente1 {
    font-family: 'Fuente1', sans-serif;
}

.fuente2 {
    font-family: 'Fuente2', sans-serif;
}

.fuente3 {
    font-family: 'Fuente3', sans-serif;
}

.font-bebas-neue {
    font-family: 'Bebas Neue', sans-serif;
    font-weight: 400;

    font-style: normal;

}

.font-montserrat {
    font-family: 'Montserrat', sans-serif;
}