@font-face {
    font-family: 'Poppins-Regular';
    font-weight: normal;
    font-style: normal;
    src: url('../fonts/Poppins-Regular.ttf') format('truetype') ;
} 
 
@font-face {
    font-family: 'Poppins-Bold';
    font-weight: normal;
    font-style: normal;
    src: url('../fonts/Poppins-Bold.ttf') format('truetype') ;
} 
@font-face {
    font-family: 'MelanicBlackScript-Regular';
    font-weight: normal;
    font-style: normal;
    src: url('../fonts/MelanicBlackScript-Regular.ttf') format('truetype') ;
} 
@font-face {
    font-family: 'Spectral-Regular';
    font-weight: normal;
    font-style: normal;
    src: url('../fonts/Spectral-Regular.ttf') format('truetype') ;
} 

/*
@font-face {
    font-family: 'arial-Light';
    font-weight: normal;
    font-style: normal;
    src: url('../fonts/arial-Light.eot') format('embedded-opentype'),
        url('../fonts/arial-Light.woff') format('woff'),
        url('../fonts/arial-Light.ttf') format('truetype'),
        url('../fonts/arial-Light.svg') format('svg');
}
*/
:root {
    --font-b1: 'Poppins-Regular';
    --font-b2: 'MelanicBlackScript-Regular';
    
    --font-t1: 'Poppins-Bold';
    --font-t2: 'Spectral-Regular'; 

    --font-nav: 'Poppins-Regular';
}