@font-face {
    font-family: 'Museo';
    src: url('https://dietbox.azureedge.net/static/fonts/Museo/Museo%20500.otf');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Museo';
    src: url('https://dietbox.azureedge.net/static/fonts/Museo/Museo%20500%20Italic.otf');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

/* Thin */
@font-face {
    font-family: 'Museo';
    src: url('https://dietbox.azureedge.net/static/fonts/Museo/Museo%20100.otf');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Museo';
    src: url('https://dietbox.azureedge.net/static/fonts/Museo/Museo%20100%20Italic.otf');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}

/* Light */
@font-face {
    font-family: 'Museo';
    src: url('https://dietbox.azureedge.net/static/fonts/Museo/Museo%20300.otf');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Museo';
    src: url('https://dietbox.azureedge.net/static/fonts/Museo/Museo%20300%20Italic.otf');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

/* Bold */
@font-face {
    font-family: 'Museo';
    src: url('https://dietbox.azureedge.net/static/fonts/Museo/Museo%20700.otf');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Museo';
    src: url('https://dietbox.azureedge.net/static/fonts/Museo/Museo%20700%20Italic.otf');
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}

/* Bolder */
@font-face {
    font-family: 'Museo';
    src: url('https://dietbox.azureedge.net/static/fonts/Museo/Museo%20900.otf');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Museo';
    src: url('https://dietbox.azureedge.net/static/fonts/Museo/Museo%20900%20Italic.otf');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}