/** Pitagon Serif
* available axes:
'wght' (range from 300.0 to 700.0
*/
@font-face {
  font-family: 'PitagonSerif';
  src: url('../fonts/pitagonserif/PitagonSerif[wght].woff2') format('woff2'),
       url('../fonts/pitagonserif/PitagonSerif[wght].ttf') format('truetype');
  font-weight: 300 700;
  font-display: swap;
  font-style: normal;
}

@font-face {
  font-family: 'PitagonSerifItalic';
  src: url('../fonts/pitagonserif/PitagonSerif-Italic[wght].woff2') format('woff2'),
       url('../fonts/pitagonserif/PitagonSerif-Italic[wght].ttf') format('truetype');
  font-weight: 300 700;
  font-display: swap;
  font-style: italic;
}

/** Whiterock
* available axes:
'wght' (range from 300.0 to 700.0
*/
@font-face {
  font-family: 'Whiterock';
  src: url('../fonts/whiterock/Whiterock.woff2') format('woff2'),
       url('../fonts/whiterock/Whiterock.ttf') format('truetype');
  font-weight: 300 700;
  font-display: swap;
  font-style: normal;
}
/** Palamecia
* available axes:
'wght' (range from 300.0 to 700.0
*/
@font-face {
  font-family: 'Palamecia';
  src: url('../fonts/palamecia/palamecia-titling-webfont.woff2') format('woff2'),
       url('../fonts/palamecia/palamecia-titling-webfont.otf') format('opentype');
  font-weight: 100 700;
  font-display: swap;
  font-style: normal;
}

/** OUTFIT
* This is a variable font
* You can controll variable axes as shown below:
* font-variation-settings: 'wght' 100.0;
*
* available axes:

* 'wght' (range from 100.0 to 900.0)

*/

@font-face {
  font-family: 'Outfit';
  src: url('../fonts/outfit/Outfit-Variable.woff2') format('woff2'),
       url('../fonts/outfit/Outfit-Variable.woff') format('woff'),
       url('../fonts/outfit/Outfit-Variable.ttf') format('truetype');
       font-weight: 100 900;
       font-display: swap;
       font-style: normal;
}