@font-face {
    font-family: 'Contrail One';
    font-style: normal;
    font-weight: 400;
    src: local(''), 
        url('../css/fonts/ContrailOne-Regular.ttf') format('truetype'), 
        url('../css/fonts/ContrailOne-Regular.woff2') format('woff2'),
        url('../css/fonts/ContrailOne-Regular.woff') format('woff'); 
}

@font-face {
    font-family: 'Karla';
    font-style: normal;
    font-weight: 400;
    src: local(''), 
        url('../css/fonts/Karla-Regular.ttf') format('truetype'), 
        url('../css/fonts/Karla-Regular.woff2') format('woff2'), 
        url('../css/fonts/Karla-Regular.woff') format('woff');
}

@font-face {
    font-family: 'Orbitron';
    font-style: normal;
    font-weight: 400;
    src: local(''),
        url('../css/fonts/Orbitron-Regular.ttf') format('truetype'),
        url('../css/fonts/Orbitron-Regular.woff2') format('woff2'),
        url('../css/fonts/Orbitron-Regular.woff') format('woff');
}

@font-face {
    font-family: 'Codec Pro';
    font-style: normal;
    font-weight: 400;
    src: local(''), 
        url('../css/fonts/CodecPro-Bold.ttf') format('truetype'), 
        url('../css/fonts/CodecPro-Bold.woff2') format('woff2'), 
        url('../css/fonts/CodecPro-Bold.woff') format('woff');
}

:root {
    
    --font-head: "Codec Pro";
    --font-body: "Codec Pro";
   /* --font-head: 'Contrail One';
    --font-body: 'Karla'; */
    --font-link: 'Codec Pro';
}