@font-face {
  font-family: "IBMPlexSerif";
  font-weight: 100;
  font-style: normal;
  src: url("./IBMPlexSerif-Thin.ttf");
}

@font-face {
  font-family: "IBMPlexSerif";
  font-weight: 200;
  font-style: normal;
  src: url("./IBMPlexSerif-ExtraLight.ttf");
}

@font-face {
  font-family: "IBMPlexSerif";
  font-weight: 300;
  font-style: normal;
  src: url("./IBMPlexSerif-Light.ttf");
}

@font-face {
  font-family: "IBMPlexSerif";
  font-weight: 400;
  font-style: normal;
  src: url("./IBMPlexSerif-Regular.ttf");
}

@font-face {
  font-family: "IBMPlexSerif";
  font-weight: 500;
  font-style: normal;
  src: url("./IBMPlexSerif-Medium.ttf");
}

@font-face {
  font-family: "IBMPlexSerif";
  font-weight: 600;
  font-style: normal;
  src: url("./IBMPlexSerif-SemiBold.ttf");
}

@font-face {
  font-family: "IBMPlexSerif";
  font-weight: 700;
  font-style: normal;
  src: url("./IBMPlexSerif-Bold.ttf");
}

@font-face {
  font-family: "IBMPlexSerif";
  font-weight: 100;
  font-style: italic;
  src: url("./IBMPlexSerif-ThinItalic.ttf");
}

@font-face {
  font-family: "IBMPlexSerif";
  font-weight: 200;
  font-style: italic;
  src: url("./IBMPlexSerif-ExtraLightItalic.ttf");
}

@font-face {
  font-family: "IBMPlexSerif";
  font-weight: 300;
  font-style: italic;
  src: url("./IBMPlexSerif-LightItalic.ttf");
}

@font-face {
  font-family: "IBMPlexSerif";
  font-weight: 400;
  font-style: italic;
  src: url("./IBMPlexSerif-Italic.ttf");
}

@font-face {
  font-family: "IBMPlexSerif";
  font-weight: 500;
  font-style: italic;
  src: url("./IBMPlexSerif-MediumItalic.ttf");
}

@font-face {
  font-family: "IBMPlexSerif";
  font-weight: 600;
  font-style: italic;
  src: url("./IBMPlexSerif-SemiBoldItalic.ttf");
}

@font-face {
  font-family: "IBMPlexSerif";
  font-weight: 700;
  font-style: italic;
  src: url("./IBMPlexSerif-BoldItalic.ttf");
}

body {
  font-family: "IBMPlexSerif",
    /* Cross-platform generic font family (default user interface font)*/
      system-ui,
    /* Safari for macOS and iOS (San Francisco)*/ -apple-system,
    /* Windows*/ "Segoe UI", /* Android*/ Roboto,
    /* Basic web fallback*/ "Helvetica Neue", Arial, /* Linux*/ "Noto Sans",
    "Liberation Sans", /* Sans serif fallback*/ sans-serif,
    /* Emoji fonts*/ "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol",
    "Noto Color Emoji";
}
