@font-face {
    font-family: 'Century-Gothic-Bold';
    font-weight: normal;
    font-style: normal;
    src: url('../fonts/Century-Gothic-Bold.ttf') format('truetype') ;
}   
@font-face {
    font-family: 'Century-Gothic';
    font-weight: normal;
    font-style: normal;
    src: url('../fonts/Century-Gothic.ttf') format('truetype') ;
}  
@font-face {
    font-family: 'IvyMode-SemiBold';
    font-weight: normal;
    font-style: normal;
    src: url('../fonts/IvyMode-SemiBold.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.otf') format('opentype'),
        url('../fonts/arial-Light.svg') format('svg');
}
*/
:root {
    --font-b1: 'Century-Gothic';
    --font-b2: 'Century-Gothic';
    
    --font-t1: 'Century-Gothic-Bold';
    --font-t2: 'IvyMode-SemiBold'; 

    --font-nav: 'Century-Gothic-Bold';
}