@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/MaterialIcons-Regular.woff2') format('woff2');
  font-display: swap;
}

/* Merriweather */
@font-face {
  font-family: 'Merriweather';
  font-style: normal;
  font-weight: 400;
  src: local(''),
       url('../fonts/merriweather-regular.ttf') format('truetype');
  font-display: swap;
}
@font-face {
  font-family: 'Merriweather';
  font-style: normal;
 font-weight: 400;
  src: local(''),
       url('../fonts/merriweather-700.ttf') format('truetype');
  font-display: swap;
}
@font-face {
  font-family: 'Merriweather';
  font-style: normal;
  font-weight: 900;
  src: local(''),
       url('../fonts/merriweather-900.ttf') format('truetype');
  font-display: swap;
}

/* Roboto */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local(''),
       url('../fonts/roboto-regular.ttf') format('truetype');
  font-display: swap;
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: local(''),
       url('../fonts/roboto-500.ttf') format('truetype');
  font-display: swap;
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
 font-weight: 400;
  src: local(''),
       url('../fonts/roboto-700.ttf') format('truetype');
  font-display: swap;
}

/* Newsreader */
@font-face {
  font-family: 'Newsreader';
  font-style: normal;
  font-weight: 400;
  src: local(''),
       url('../fonts/newsreader-regular.ttf') format('truetype');
  font-display: swap;
}
@font-face {
  font-family: 'Newsreader';
  font-style: normal;
  font-weight: 500;
  src: local(''),
       url('../fonts/newsreader-500.ttf') format('truetype');
  font-display: swap;
}
@font-face {
  font-family: 'Newsreader';
  font-style: normal;
 font-weight: 400;
  src: local(''),
       url('../fonts/newsreader-700.ttf') format('truetype');
  font-display: swap;
}
@font-face {
  font-family: 'Newsreader';
  font-style: normal;
  font-weight: 800;
  src: local(''),
       url('../fonts/newsreader-800.ttf') format('truetype');
  font-display: swap;
}

/* Noto Sans */
@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 400;
  src: local(''),
       url('../fonts/noto-sans-regular.ttf') format('truetype');
  font-display: swap;
}
@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 500;
  src: local(''),
       url('../fonts/noto-sans-500.ttf') format('truetype');
  font-display: swap;
}
@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
 font-weight: 400;
  src: local(''),
       url('../fonts/noto-sans-700.ttf') format('truetype');
  font-display: swap;
}
@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 900;
  src: local(''),
       url('../fonts/noto-sans-900.ttf') format('truetype');
  font-display: swap;
}