@font-face {
  font-family: Lora;
  src: url("../fonts/Lora-VariableFont_wght.woff2");
}
@font-face {
  font-family: Lora;
  font-style: italic;
  src: url("../fonts/Lora-Italic-VariableFont_wght.woff2");
}
@font-face {
  font-family: Abigail;
  src: url("../fonts/abigail-v4.otf");
  src: url("../fonts/abigail-v4.woff2");
}

html {
  --serif-fonts: Lora, Georgia, serif;
  --sans-fonts: Arial, Helvetica, sans-serif;
  font-family: var(--serif-fonts);
}