@font-face {
    font-family: 'IBM Plex Sans';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: local(''),
        url('../fonts/ibm-plex-sans-v9-latin-300.woff2') format('woff2'),
        url('../fonts/ibm-plex-sans-v9-latin-300.woff') format('woff');
}

@font-face {
    font-family: 'IBM Plex Sans';
    font-style: italic;
    font-weight: 300;
    font-display: swap;
    src: local(''),
        url('../fonts/ibm-plex-sans-v9-latin-300italic.woff2') format('woff2'),
        url('../fonts/ibm-plex-sans-v9-latin-300italic.woff') format('woff');
}

@font-face {
    font-family: 'IBM Plex Sans';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: local(''),
        url('../fonts/ibm-plex-sans-v9-latin-500.woff2') format('woff2'),
        url('../fonts/ibm-plex-sans-v9-latin-500.woff') format('woff');
}

@font-face {
    font-family: 'IBM Plex Mono';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: local(''),
        url('../fonts/ibm-plex-mono-v7-latin-300.woff2') format('woff2'),
        url('../fonts/ibm-plex-mono-v7-latin-300.woff') format('woff');
}

@font-face {
    font-family: 'IBM Plex Mono';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: local(''),
        url('../fonts/ibm-plex-mono-v7-latin-500.woff2') format('woff2'),
        url('../fonts/ibm-plex-mono-v7-latin-500.woff') format('woff');
}