@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url('Inter/Inter-VariableFont_opsz,wght.ttf') format('truetype-variations');
}

@font-face {
  font-family: 'Inter';
  font-style: italic;
  font-weight: 100 900;
  font-display: swap;
  src: url('Inter/Inter-Italic-VariableFont_opsz,wght.ttf') format('truetype-variations');
}

@font-face {
  font-family: 'Frank Ruhl Libre';
  font-style: normal;
  font-weight: 300 900;
  font-display: swap;
  src: url('Frank_Ruhl_Libre/FrankRuhlLibre-VariableFont_wght.ttf') format('truetype-variations');
}

@font-face {
  font-family: 'Noto Serif';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('Noto-Serif-Regular.woff2') format('woff2'),
    url('Noto-Serif-Regular.woff') format('woff');
}

@font-face {
  font-family: 'Noto Serif';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url('Noto-Serif-Italic.woff2') format('woff2'),
    url('Noto-Serif-Italic.woff') format('woff');
}

@font-face {
  font-family: 'Noto Serif';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('Noto-Serif-700.woff2') format('woff2'),
    url('Noto-Serif-700.woff') format('woff');
}