@font-face {
  font-family: 'IBM-Plex-Sans-Light';
  src: local('IBM-Plex-Sans Light'),
       url('fonts/IBMPlexSans-Light.woff2') format('woff2'), /* Modern Browsers */
       url('fonts/IBMPlexSans-Light.ttf') format('ttf'); /* Safari, IOS */
}

@font-face {
  font-family: 'IBM-Plex-Sans-Medium';
  src: local('IBM-Plex-Sans Medium'),
       url('fonts/IBMPlexSans-Medium.woff2') format('woff2'), /* Modern Browsers */
       url('fonts/IBMPlexSans-Medium.ttf') format('ttf'); /* Safari, IOS */
}

@font-face {
  font-family: 'IBM-Plex-Sans-Regular';
  src: local('IBM-Plex-Sans Regular'),
       url('fonts/IBMPlexSans-Regular.woff2') format('woff2'), /* Modern Browsers */
       url('fonts/IBMPlexSans-Regular.ttf') format('ttf'); /* Safari, IOS */
}

@font-face {
  font-family: 'IBM-Plex-Sans-SemiBold';
  src: local('IBM-Plex-Sans SemiBold'),
       url('fonts/IBMPlexSans-SemiBold.woff2') format('woff2'), /* Modern Browsers */
       url('fonts/IBMPlexSans-SemiBold.ttf') format('ttf'); /* Safari, IOS */
}

@font-face {
  font-family: 'IBM-Plex-Serif-Light';
  src: local('IBM-Plex-Serif Light'),
       url('fonts/IBMPlexSerif-Light.woff2') format('woff2'), /* Modern Browsers */
       url('fonts/IBMPlexSerif-Light.ttf') format('ttf'); /* Safari, IOS */
}

@font-face {
  font-family: 'IBM-Plex-Serif-Medium';
  src: local('IBM-Plex-Serif Medium'),
       url('fonts/IBMPlexSerif-Medium.woff2') format('woff2'), /* Modern Browsers */
       url('fonts/IBMPlexSerif-Medium.ttf') format('ttf'); /* Safari, IOS */
}

@font-face {
  font-family: 'IBM-Plex-Serif-Regular';
  src: local('IBM-Plex-Serif Regular'),
       url('fonts/IBMPlexSerif-Regular.woff2') format('woff2'), /* Modern Browsers */
       url('fonts/IBMPlexSerif-Regular.ttf') format('ttf'); /* Safari, IOS */
}


html { 
   font-size: 1px;/*for using REM units*/
}

body {
   font-size: 18rem;
   line-height: 1.3;
}