@font-face {
    font-family: "IBM Plex Serif";
    src: url("/static/fonts/IBMPlexSerif-Thin.ttf") format("opentype");
    font-weight: 100;
    font-style: normal;
    font-display: optional;
}

@font-face {
    font-family: "IBM Plex Serif";
    src: url("/static/fonts/IBMPlexSerif-ExtraLight.ttf") format("opentype");
    font-weight: 200;
    font-style: normal;
    font-display: optional;
}

@font-face {
    font-family: "IBM Plex Serif";
    src: url("/static/fonts/IBMPlexSerif-Light.ttf") format("opentype");
    font-weight: 300;
    font-style: normal;
    font-display: optional;
}

@font-face {
    font-family: "IBM Plex Serif";
    src: url("/static/fonts/IBMPlexSerif-Regular.ttf") format("opentype");
    font-weight: 400;
    font-style: normal;
    font-display: optional;
}

@font-face {
    font-family: "IBM Plex Serif";
    src: url("/static/fonts/IBMPlexSerif-Medium.ttf") format("opentype");
    font-weight: 500;
    font-style: normal;
    font-display: optional;
}

@font-face {
    font-family: "IBM Plex Serif";
    src: url("/static/fonts/IBMPlexSerif-SemiBold.ttf") format("opentype");
    font-weight: 600;
    font-style: normal;
    font-display: optional;
}

@font-face {
    font-family: "IBM Plex Serif";
    src: url("/static/fonts/IBMPlexSerif-Bold.ttf") format("opentype");
    font-weight: 700;
    font-style: normal;
    font-display: optional;
}

@font-face {
    font-family: "IBM Plex Serif";
    src: url("/static/fonts/IBMPlexSerif-ThinItalic.ttf") format("opentype");
    font-weight: 100;
    font-style: italic;
    font-display: optional;
}

@font-face {
    font-family: "IBM Plex Serif";
    src: url("/static/fonts/IBMPlexSerif-ExtraLightItalic.ttf") format("opentype");
    font-weight: 200;
    font-style: italic;
    font-display: optional;
}

@font-face {
    font-family: "IBM Plex Serif";
    src: url("/static/fonts/IBMPlexSerif-LightItalic.ttf") format("opentype");
    font-weight: 300;
    font-style: italic;
    font-display: optional;
}

@font-face {
    font-family: "IBM Plex Serif";
    src: url("/static/fonts/IBMPlexSerif-Italic.ttf") format("opentype");
    font-weight: 400;
    font-style: italic;
    font-display: optional;
}

@font-face {
    font-family: "IBM Plex Serif";
    src: url("/static/fonts/IBMPlexSerif-MediumItalic.ttf") format("opentype");
    font-weight: 500;
    font-style: italic;
    font-display: optional;
}

@font-face {
    font-family: "IBM Plex Serif";
    src: url("/static/fonts/IBMPlexSerif-SemiBoldItalic.ttf") format("opentype");
    font-weight: 600;
    font-style: italic;
    font-display: optional;
}

@font-face {
    font-family: "IBM Plex Serif";
    src: url("/static/fonts/IBMPlexSerif-BoldItalic.ttf") format("opentype");
    font-weight: 700;
    font-style: italic;
    font-display: optional;
}

@font-face {
    font-family: "IBM Plex Mono";
    src: url("/static/fonts/IBMPlexMono-Thin.ttf") format("opentype");
    font-weight: 100;
    font-style: normal;
    font-display: optional;
}

@font-face {
    font-family: "IBM Plex Mono";
    src: url("/static/fonts/IBMPlexMono-ExtraLight.ttf") format("opentype");
    font-weight: 200;
    font-style: normal;
    font-display: optional;
}

@font-face {
    font-family: "IBM Plex Mono";
    src: url("/static/fonts/IBMPlexMono-Light.ttf") format("opentype");
    font-weight: 300;
    font-style: normal;
    font-display: optional;
}

@font-face {
    font-family: "IBM Plex Mono";
    src: url("/static/fonts/IBMPlexMono-Regular.ttf") format("opentype");
    font-weight: 400;
    font-style: normal;
    font-display: optional;
}

@font-face {
    font-family: "IBM Plex Mono";
    src: url("/static/fonts/IBMPlexMono-Medium.ttf") format("opentype");
    font-weight: 500;
    font-style: normal;
    font-display: optional;
}

@font-face {
    font-family: "IBM Plex Mono";
    src: url("/static/fonts/IBMPlexMono-SemiBold.ttf") format("opentype");
    font-weight: 600;
    font-style: normal;
    font-display: optional;
}

@font-face {
    font-family: "IBM Plex Mono";
    src: url("/static/fonts/IBMPlexMono-Bold.ttf") format("opentype");
    font-weight: 700;
    font-style: normal;
    font-display: optional;
}

@font-face {
    font-family: "IBM Plex Mono";
    src: url("/static/fonts/IBMPlexMono-ThinItalic.ttf") format("opentype");
    font-weight: 100;
    font-style: italic;
    font-display: optional;
}

@font-face {
    font-family: "IBM Plex Mono";
    src: url("/static/fonts/IBMPlexMono-ExtraLightItalic.ttf") format("opentype");
    font-weight: 200;
    font-style: italic;
    font-display: optional;
}

@font-face {
    font-family: "IBM Plex Mono";
    src: url("/static/fonts/IBMPlexMono-LightItalic.ttf") format("opentype");
    font-weight: 300;
    font-style: italic;
    font-display: optional;
}

@font-face {
    font-family: "IBM Plex Mono";
    src: url("/static/fonts/IBMPlexMono-Italic.ttf") format("opentype");
    font-weight: 400;
    font-style: italic;
    font-display: optional;
}

@font-face {
    font-family: "IBM Plex Mono";
    src: url("/static/fonts/IBMPlexMono-MediumItalic.ttf") format("opentype");
    font-weight: 500;
    font-style: italic;
    font-display: optional;
}

@font-face {
    font-family: "IBM Plex Mono";
    src: url("/static/fonts/IBMPlexMono-SemiBoldItalic.ttf") format("opentype");
    font-weight: 600;
    font-style: italic;
    font-display: optional;
}

@font-face {
    font-family: "IBM Plex Mono";
    src: url("/static/fonts/IBMPlexMono-BoldItalic.ttf") format("opentype");
    font-weight: 700;
    font-style: italic;
    font-display: optional;
}

body {
    font-family: "IBM Plex Serif", serif;
    font-weight: 400;
    text-rendering: optimizeLegibility;
}

code, pre {
    font-family: "IBM Plex Mono", monospace;
    font-weight: 400;
    text-rendering: optimizeLegibility;
}


em, i {
    font-style: italic;
}

strong, b {
    font-weight: 700;
}

:root {
    font-size: 16px;
}