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

@font-face {
  font-family: 'titling-gothic-fb-compressed';
  src: url('../fonts/Archivo/Archivo-VariableFont_wdth,wght.ttf') format('truetype');
  font-style: normal;
  font-weight: 300;
  font-display: swap;
}

@font-face {
  font-family: 'titling-gothic-fb-compressed';
  src: url('../fonts/Archivo/Archivo-VariableFont_wdth,wght.ttf') format('truetype');
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: 'titling-gothic-fb-compressed';
  src: url('../fonts/Archivo/Archivo-Italic-VariableFont_wdth,wght.ttf') format('truetype');
  font-style: italic;
  font-weight: 300;
  font-display: swap;
}

@font-face {
  font-family: 'titling-gothic-fb-compressed';
  src: url('../fonts/Archivo/Archivo-Italic-VariableFont_wdth,wght.ttf') format('truetype');
  font-style: italic;
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: 'titling-gothic-fb-wide';
  src: url('../fonts/Archivo/Archivo-VariableFont_wdth,wght.ttf') format('truetype');
  font-style: normal;
  font-weight: 300;
  font-display: swap;
}

@font-face {
  font-family: 'titling-gothic-fb-wide';
  src: url('../fonts/Archivo/Archivo-Italic-VariableFont_wdth,wght.ttf') format('truetype');
  font-style: italic;
  font-weight: 300;
  font-display: swap;
}

@font-face {
  font-family: 'titling-gothic-fb-narrow';
  src: url('../fonts/Archivo/static/Archivo-SemiBold.ttf') format('truetype');
  font-style: normal;
  font-weight: 500;
  font-display: swap;
}

@font-face {
  font-family: 'titling-gothic-fb-narrow';
  src: url('../fonts/Archivo/static/Archivo-SemiBoldItalic.ttf') format('truetype');
  font-style: italic;
  font-weight: 500;
  font-display: swap;
}

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

@font-face {
  font-family: 'ff-tisa-web-pro';
  src: url('../fonts/Lora/Lora-VariableFont_wght.ttf') format('truetype');
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: 'ff-tisa-web-pro';
  src: url('../fonts/Lora/Lora-Italic-VariableFont_wght.ttf') format('truetype');
  font-style: italic;
  font-weight: 400;
  font-display: swap;
}