html,
body {
  font-family: 'Lato';
  font-size: max(14px, 0.972vw);
}

/* Lato-Regular */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: normal;
  src:
    url('./style/fonts/Lato-Regular.woff2') format('woff2'),
    /* Chrome 26+, Opera 23+, Firefox 39+ */
      url('./style/fonts/Lato-Regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* Lato-Bold */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: bold;
  src:
    url('./style/fonts/Lato-Bold.woff2') format('woff2'),
    /* Chrome 26+, Opera 23+, Firefox 39+ */ url('./style/fonts/Lato-Bold.woff')
      format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* FiraCode-Regular */
@font-face {
  font-family: 'Fira Code';
  font-style: normal;
  font-weight: 400;
  src:
    url('./style/fonts/FiraCode-Regular.woff2') format('woff2'),
    url('./style/fonts/FiraCode-Regular.woff') format('woff');
}