@font-face {
  font-family: IBMPlexSans;
  font-display: swap;
  src: local('IBM Plex Sans Light'),
      url('/fonts/IBMPlexSans-Light.woff2') format('woff2'),
      url('/fonts/IBMPlexSans-Light.woff') format('woff');
  font-weight: 300;
}

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

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

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

@font-face {
  font-family: IBMPlexMono;
  font-display: swap;
  src: url('/fonts/IBMPlexMono-Light.woff2') format('woff2');
  font-weight: 300;
}


html, body, #root { 
  height: 100%;
  margin: 0;
}
.loader {
  display: flex;
  height: 100%;
  justify-content: center;
  align-items: center;
}