@font-face {
    font-family: 'Calibri';
    font-weight: 300;
    font-display: swap;
    font-style: normal;
    src: url('/assets/fonts/calibri/calibri-light.woff2') format('woff2'),
    url('/assets/fonts/calibri/calibri-light.woff') format('woff');
}

@font-face {
    font-family: 'Calibri';
    font-weight: 400;
    font-display: swap;
    font-style: normal;
    src: url('/assets/fonts/calibri/calibri-regular.woff2') format('woff2'),
    url('/assets/fonts/calibri/calibri-regular.woff') format('woff');
}

@font-face {
    font-family: 'Calibri';
    font-weight: 700;
    font-display: swap;
    font-style: normal;
    src: url('/assets/fonts/calibri/calibri-bold.woff2') format('woff2'),
    url('/assets/fonts/calibri/calibri-bold.woff') format('woff');
}

@font-face {
    font-family: 'Micra';
    font-weight: 400;
    font-display: swap;
    font-style: normal;
    src: url('/assets/fonts/micra/micra-regular.woff2') format('woff2'),
    url('/assets/fonts/micra/micra-regular.woff') format('woff');
}

@font-face {
    font-family: 'Micra';
    font-weight: 700;
    font-display: swap;
    font-style: normal;
    src: url('/assets/fonts/micra/micra-bold.woff2') format('woff2'),
    url('/assets/fonts/micra/micra-bold.woff') format('woff');
}