@font-face {
    font-family: 'MiloOT';
    src: url('MiloOT.woff2') format('woff2'),
        url('MiloOT.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'MiloOT';
    src: url('MiloOT-Bold.woff2') format('woff2'),
        url('MiloOT-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'MiloOT';
    src: url('MiloOT-Black.woff2') format('woff2'),
        url('MiloOT-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'MiloOT-BlackIta';
    src: url('MiloOT-BlackIta.woff2') format('woff2'),
        url('MiloOT-BlackIta.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'MiloOT-ExligIta';
    src: url('MiloOT-ExligIta.woff2') format('woff2'),
        url('MiloOT-ExligIta.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'MiloOT-BoldIta';
    src: url('MiloOT-BoldIta.woff2') format('woff2'),
        url('MiloOT-BoldIta.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'MiloOT-Exlig';
    src: url('MiloOT-Exlig.woff2') format('woff2'),
        url('MiloOT-Exlig.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'MiloOT-Ita';
    src: url('MiloOT-Ita.woff2') format('woff2'),
        url('MiloOT-Ita.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'MiloOT-LightIta';
    src: url('MiloOT-LightIta.woff2') format('woff2'),
        url('MiloOT-LightIta.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'MiloOT-MediIta';
    src: url('MiloOT-MediIta.woff2') format('woff2'),
        url('MiloOT-MediIta.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'MiloOT-Medi';
    src: url('MiloOT-Medi.woff2') format('woff2'),
        url('MiloOT-Medi.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'MiloOT';
    src: url('MiloOT-Light.woff2') format('woff2'),
        url('MiloOT-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'MiloOT-Text';
    src: url('MiloOT-Text.woff2') format('woff2'),
        url('MiloOT-Text.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'MiloOT-TextIta';
    src: url('MiloOT-TextIta.woff2') format('woff2'),
        url('MiloOT-TextIta.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'MiloOT-ThinIta';
    src: url('MiloOT-ThinIta.woff2') format('woff2'),
        url('MiloOT-ThinIta.woff') format('woff');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'MiloOT-Xbold';
    src: url('MiloOT-Xbold.woff2') format('woff2'),
        url('MiloOT-Xbold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'MiloOT-XboldIta';
    src: url('MiloOT-XboldIta.woff2') format('woff2'),
        url('MiloOT-XboldIta.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'MiloOT';
    src: url('MiloOT-Thin.woff2') format('woff2'),
        url('MiloOT-Thin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}