/* === Open Sans === */
@font-face {
  font-family: 'Open Sans';
  src: url('../fonts/Open_Sans/OpenSans-VariableFont_wdth,wght.ttf') format('truetype');
  font-weight: 300 800;
  font-stretch: 75% 100%;
  font-style: normal;
}
@font-face {
  font-family: 'Open Sans';
  src: url('../fonts/Open_Sans/OpenSans-Italic-VariableFont_wdth,wght.ttf') format('truetype');
  font-weight: 300 800;
  font-stretch: 75% 100%;
  font-style: italic;
}

/* === Source Sans 3 === */
@font-face {
  font-family: 'Source Sans 3';
  src: url('../fonts/Source_Sans_3/SourceSans3-VariableFont_wght.ttf') format('truetype');
  font-weight: 200 900;
  font-style: normal;
}
@font-face {
  font-family: 'Source Sans 3';
  src: url('../fonts/Source_Sans_3/SourceSans3-Italic-VariableFont_wght.ttf') format('truetype');
  font-weight: 200 900;
  font-style: italic;
}

/* === Source Code Pro === */
@font-face {
  font-family: 'Source Code Pro';
  src: url('../fonts/Source_Code_Pro/SourceCodePro-VariableFont_wght.ttf') format('truetype');
  font-weight: 200 900;
  font-style: normal;
}
@font-face {
  font-family: 'Source Code Pro';
  src: url('../fonts/Source_Code_Pro/SourceCodePro-Italic-VariableFont_wght.ttf') format('truetype');
  font-weight: 200 900;
  font-style: italic;
}

/* === Selawik === */
@font-face {
  font-family: 'Selawik';
  src: url('../fonts/Selawik/selawk.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'Selawik';
  src: url('../fonts/Selawik/selawkb.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: 'Selawik';
  src: url('../fonts/Selawik/selawkl.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'Selawik';
  src: url('../fonts/Selawik/selawksb.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: 'Selawik';
  src: url('../fonts/Selawik/selawksl.ttf') format('truetype');
  font-weight: 200;
  font-style: normal;
}