body {
  font-size: 100%;
  line-height: 1.5;
  margin: 0;
  padding: 0;
  widows: 2;
  orphans: 2;
  font-family: "IBM Plex Sans", "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-variant-ligatures: common-ligatures;
  font-kerning: normal;
}

@font-face {
  font-family: 'IBM Plex Sans';
  src: 
      url('IBMPlexSans-Regular.woff2') format('woff2'),
      url('IBMPlexSans-Regular.woff') format('woff'),
      url('IBMPlexSans-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'IBM Plex Sans';
  src: 
      url('IBMPlexSans-SemiBold.woff2') format('woff2'),
      url('IBMPlexSans-SemiBold.woff') format('woff'),
      url('IBMPlexSans-SemiBold.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'IBM Plex Sans';
  src: 
      url('IBMPlexSans-Italic.woff2') format('woff2'),
      url('IBMPlexSans-Italic.woff') format('woff'),
      url('IBMPlexSans-Italic.ttf') format('truetype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'IBM Plex Sans';
  src: 
      url('IBMPlexSans-SemiBoldItalic.woff2') format('woff2'),
      url('IBMPlexSans-SemiBoldItalic.woff') format('woff'),
      url('IBMPlexSans-SemiBoldItalic.ttf') format('truetype');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
