/* IBM Plex Sans */
@font-face {
    font-family: 'IBM Plex Sans';
    font-style: normal;
    font-weight: 100;
    src: url('../../fonts/IBM_Plex_Sans/static/IBMPlexSans-Thin.ttf') format('truetype');
}
@font-face {
    font-family: 'IBM Plex Sans';
    font-style: italic;
    font-weight: 100;
    src: url('../../fonts/IBM_Plex_Sans/static/IBMPlexSans-ThinItalic.ttf') format('truetype');
}
@font-face {
    font-family: 'IBM Plex Sans';
    font-style: normal;
    font-weight: 200;
    src: url('../../fonts/IBM_Plex_Sans/static/IBMPlexSans-ExtraLight.ttf') format('truetype');
}
@font-face {
    font-family: 'IBM Plex Sans';
    font-style: italic;
    font-weight: 200;
    src: url('../../fonts/IBM_Plex_Sans/static/IBMPlexSans-ExtraLightItalic.ttf') format('truetype');
}
@font-face {
    font-family: 'IBM Plex Sans';
    font-style: normal;
    font-weight: 300;
    src: url('../../fonts/IBM_Plex_Sans/static/IBMPlexSans-Light.ttf') format('truetype');
}
@font-face {
    font-family: 'IBM Plex Sans';
    font-style: italic;
    font-weight: 300;
    src: url('../../fonts/IBM_Plex_Sans/static/IBMPlexSans-LightItalic.ttf') format('truetype');
}
@font-face {
    font-family: 'IBM Plex Sans';
    font-style: normal;
    font-weight: 400;
    src: url('../../fonts/IBM_Plex_Sans/static/IBMPlexSans-Regular.ttf') format('truetype');
}
@font-face {
    font-family: 'IBM Plex Sans';
    font-style: italic;
    font-weight: 400;
    src: url('../../fonts/IBM_Plex_Sans/static/IBMPlexSans-Italic.ttf') format('truetype');
}
@font-face {
    font-family: 'IBM Plex Sans';
    font-style: normal;
    font-weight: 500;
    src: url('../../fonts/IBM_Plex_Sans/static/IBMPlexSans-Medium.ttf') format('truetype');
}
@font-face {
    font-family: 'IBM Plex Sans';
    font-style: italic;
    font-weight: 500;
    src: url('../../fonts/IBM_Plex_Sans/static/IBMPlexSans-MediumItalic.ttf') format('truetype');
}
@font-face {
    font-family: 'IBM Plex Sans';
    font-style: normal;
    font-weight: 600;
    src: url('../../fonts/IBM_Plex_Sans/static/IBMPlexSans-SemiBold.ttf') format('truetype');
}
@font-face {
    font-family: 'IBM Plex Sans';
    font-style: italic;
    font-weight: 600;
    src: url('../../fonts/IBM_Plex_Sans/static/IBMPlexSans-SemiBoldItalic.ttf') format('truetype');
}
@font-face {
    font-family: 'IBM Plex Sans';
    font-style: normal;
    font-weight: 700;
    src: url('../../fonts/IBM_Plex_Sans/static/IBMPlexSans-Bold.ttf') format('truetype');
}
@font-face {
    font-family: 'IBM Plex Sans';
    font-style: italic;
    font-weight: 700;
    src: url('../../fonts/IBM_Plex_Sans/static/IBMPlexSans-BoldItalic.ttf') format('truetype');
}

/* IBM Plex Mono */
@font-face {
    font-family: 'IBM Plex Mono';
    font-style: normal;
    font-weight: 100;
    src: url('../../fonts/IBM_Plex_Mono/IBMPlexMono-Thin.ttf') format('truetype');
}
@font-face {
    font-family: 'IBM Plex Mono';
    font-style: italic;
    font-weight: 100;
    src: url('../../fonts/IBM_Plex_Mono/IBMPlexMono-ThinItalic.ttf') format('truetype');
}
@font-face {
    font-family: 'IBM Plex Mono';
    font-style: normal;
    font-weight: 200;
    src: url('../../fonts/IBM_Plex_Mono/IBMPlexMono-ExtraLight.ttf') format('truetype');
}
@font-face {
    font-family: 'IBM Plex Mono';
    font-style: italic;
    font-weight: 200;
    src: url('../../fonts/IBM_Plex_Mono/IBMPlexMono-ExtraLightItalic.ttf') format('truetype');
}
@font-face {
    font-family: 'IBM Plex Mono';
    font-style: normal;
    font-weight: 300;
    src: url('../../fonts/IBM_Plex_Mono/IBMPlexMono-Light.ttf') format('truetype');
}
@font-face {
    font-family: 'IBM Plex Mono';
    font-style: italic;
    font-weight: 300;
    src: url('../../fonts/IBM_Plex_Mono/IBMPlexMono-LightItalic.ttf') format('truetype');
}
@font-face {
    font-family: 'IBM Plex Mono';
    font-style: normal;
    font-weight: 400;
    src: url('../../fonts/IBM_Plex_Mono/IBMPlexMono-Regular.ttf') format('truetype');
}
@font-face {
    font-family: 'IBM Plex Mono';
    font-style: italic;
    font-weight: 400;
    src: url('../../fonts/IBM_Plex_Mono/IBMPlexMono-Italic.ttf') format('truetype');
}
@font-face {
    font-family: 'IBM Plex Mono';
    font-style: normal;
    font-weight: 500;
    src: url('../../fonts/IBM_Plex_Mono/IBMPlexMono-Medium.ttf') format('truetype');
}
@font-face {
    font-family: 'IBM Plex Mono';
    font-style: italic;
    font-weight: 500;
    src: url('../../fonts/IBM_Plex_Mono/IBMPlexMono-MediumItalic.ttf') format('truetype');
}
@font-face {
    font-family: 'IBM Plex Mono';
    font-style: normal;
    font-weight: 600;
    src: url('../../fonts/IBM_Plex_Mono/IBMPlexMono-SemiBold.ttf') format('truetype');
}
@font-face {
    font-family: 'IBM Plex Mono';
    font-style: italic;
    font-weight: 600;
    src: url('../../fonts/IBM_Plex_Mono/IBMPlexMono-SemiBoldItalic.ttf') format('truetype');
}
@font-face {
    font-family: 'IBM Plex Mono';
    font-style: normal;
    font-weight: 700;
    src: url('../../fonts/IBM_Plex_Mono/IBMPlexMono-Bold.ttf') format('truetype');
}
@font-face {
    font-family: 'IBM Plex Mono';
    font-style: italic;
    font-weight: 700;
    src: url('../../fonts/IBM_Plex_Mono/IBMPlexMono-BoldItalic.ttf') format('truetype');
}

body, input, button { font-family: 'IBM Plex Sans', sans-serif; }
code, kbd, samp, pre, .code { font-family: 'IBM Plex Mono', monospace; }