@font-face {
  font-family: "Josefin Sans";
  /* DON'T use 'sans-serif' here like in the previous font-face declarations or what Google provides - it doesn't work here!! */
  font-style: normal;
  src: local(''), url(assets/fonts/JosefinSans-VariableFont_wght.ttf)
    format("truetype");
  font-display: swap;
}
@font-face {
  font-family: "Josefin Sans";
  font-style: italic;
  src: local(''), url(assets/fonts/JosefinSans-Italic-VariableFont_wght.ttf)
    format("truetype");
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  font-style: normal;
  src: local(''), url(assets/fonts/Roboto-VariableFont_wdth,wght.ttf) format("truetype");
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  font-style: italic;
  src: local(''), url(assets/fonts/Roboto-Italic-VariableFont_wdth,wght.ttf) format("truetype");
  font-display: swap;
}
:root {
  --font-body: "Roboto", sans-serif;
  --font-display: "Josefin Sans", serif;
}