@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;
}

html, body {
  margin: 0;
}
#root {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr;
  background-color: #ebedf0;
  height: 100vh; 
  height: calc(var(--vh, 1vh) * 100);
  overflow: hidden;
}
.loader {
  align-self: center;
  justify-self: center;
}