@font-face {
    font-family: 'Archivo';
    font-style: normal;
    font-weight: 300;
    src: local('Archivo Light'), url('./Archivo_Expanded-Light.ttf') format('truetype');
}
@font-face {
    font-family: 'Archivo';
    font-style: normal;
    font-weight: 400;
    src: local('Archivo Regular'), url('./Archivo_Expanded-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'Archivo';
    font-style: normal;
    font-weight: 500;
    src: local('Archivo Medium'), url('./Archivo_Expanded-Medium.ttf') format('truetype');
}

@font-face {
    font-family: 'Archivo';
    font-style: normal;
    font-weight: 600;
    src: local('Archivo SemiBold'), url('./Archivo_Expanded-SemiBold.ttf') format('truetype');
}

@font-face {
    font-family: 'Archivo';
    font-style: normal;
    font-weight: 700;
    src: local('Archivo Bold'), url('./Archivo_Expanded-Bold.ttf') format('truetype');
}