/* Karla font */
@font-face {
  font-display: swap;
  font-family: 'Karla';
  font-style: normal;
  font-weight: 200;
  src: url('./fonts/Karla/karla-v32-latin_latin-ext-200.woff2') format('woff2');
}
@font-face {
  font-display: swap;
  font-family: 'Karla';
  font-style: italic;
  font-weight: 200;
  src: url('./fonts/Karla/karla-v32-latin_latin-ext-200italic.woff2') format('woff2');
}
@font-face {
  font-display: swap;
  font-family: 'Karla';
  font-style: normal;
  font-weight: 300;
  src: url('./fonts/Karla/karla-v32-latin_latin-ext-300.woff2') format('woff2');
}
@font-face {
  font-display: swap;
  font-family: 'Karla';
  font-style: italic;
  font-weight: 300;
  src: url('./fonts/Karla/karla-v32-latin_latin-ext-300italic.woff2') format('woff2');
}
@font-face {
  font-display: swap;
  font-family: 'Karla';
  font-style: normal;
  font-weight: 400;
  src: url('./fonts/Karla/karla-v32-latin_latin-ext-regular.woff2') format('woff2');
}
@font-face {
  font-display: swap;
  font-family: 'Karla';
  font-style: italic;
  font-weight: 400;
  src: url('./fonts/Karla/karla-v32-latin_latin-ext-italic.woff2') format('woff2');
}
@font-face {
  font-display: swap;
  font-family: 'Karla';
  font-style: normal;
  font-weight: 500;
  src: url('./fonts/Karla/karla-v32-latin_latin-ext-500.woff2') format('woff2');
}
@font-face {
  font-display: swap;
  font-family: 'Karla';
  font-style: italic;
  font-weight: 500;
  src: url('./fonts/Karla/karla-v32-latin_latin-ext-500italic.woff2') format('woff2');
}
@font-face {
  font-display: swap;
  font-family: 'Karla';
  font-style: normal;
  font-weight: 600;
  src: url('./fonts/Karla/karla-v32-latin_latin-ext-600.woff2') format('woff2');
}
@font-face {
  font-display: swap;
  font-family: 'Karla';
  font-style: italic;
  font-weight: 600;
  src: url('./fonts/Karla/karla-v32-latin_latin-ext-600italic.woff2') format('woff2');
}
@font-face {
  font-display: swap;
  font-family: 'Karla';
  font-style: normal;
  font-weight: 700;
  src: url('./fonts/Karla/karla-v32-latin_latin-ext-700.woff2') format('woff2');
}
@font-face {
  font-display: swap;
  font-family: 'Karla';
  font-style: italic;
  font-weight: 700;
  src: url('./fonts/Karla/karla-v32-latin_latin-ext-700italic.woff2') format('woff2');
}
@font-face {
  font-display: swap;
  font-family: 'Karla';
  font-style: normal;
  font-weight: 800;
  src: url('./fonts/Karla/karla-v32-latin_latin-ext-800.woff2') format('woff2');
}
@font-face {
  font-display: swap;
  font-family: 'Karla';
  font-style: italic;
  font-weight: 800;
  src: url('./fonts/Karla/karla-v32-latin_latin-ext-800italic.woff2') format('woff2');
}


/* Recia */

@font-face {
  font-family: 'Recia-Light';
  src: url('./fonts/Recia/Recia-Light.woff2') format('woff2');
  font-weight: 300;
  font-display: swap;
  font-style: normal;
}

@font-face {
  font-family: 'Recia-Light';
  src: url('./fonts/Recia/Recia-Light.woff2') format('woff2');
  font-weight: 300;
  font-display: swap;
  font-style: normal;
}

@font-face {
  font-family: 'Recia-LightItalic';
  src: url('./fonts/Recia/Recia-LightItalic.woff2') format('woff2');
  font-weight: 300;
  font-display: swap;
  font-style: italic;
}

@font-face {
  font-family: 'Recia-Regular';
  src: url('./fonts/Recia/Recia-Regular.woff2') format('woff2');
  font-weight: 400;
  font-display: swap;
  font-style: normal;
}

@font-face {
  font-family: 'Recia-Italic';
  src: url('./fonts/Recia/Recia-Italic.woff2') format('woff2');
  font-weight: 400;
  font-display: swap;
  font-style: italic;
}

@font-face {
  font-family: 'Recia-Medium';
  src: url('./fonts/Recia/Recia-Medium.woff2') format('woff2');
  font-weight: 500;
  font-display: swap;
  font-style: normal;
}

@font-face {
  font-family: 'Recia-MediumItalic';
  src: url('./fonts/Recia/Recia-MediumItalic.woff2') format('woff2');
  font-weight: 500;
  font-display: swap;
  font-style: italic;
}

@font-face {
  font-family: 'Recia-Semibold';
  src: url('./fonts/Recia/Recia-Semibold.woff2') format('woff2');
  font-weight: 600;
  font-display: swap;
  font-style: normal;
}

@font-face {
  font-family: 'Recia-SemiboldItalic';
  src: url('./fonts/Recia/Recia-SemiboldItalic.woff2') format('woff2');
  font-weight: 600;
  font-display: swap;
  font-style: italic;
}

@font-face {
  font-family: 'Recia-Bold';
  src: url('./fonts/Recia/Recia-Bold.woff2') format('woff2');
  font-weight: 700;
  font-display: swap;
  font-style: normal;
}

@font-face {
  font-family: 'Recia-BoldItalic';
  src: url('./fonts/Recia/Recia-BoldItalic.woff2') format('woff2');
  font-weight: 700;
  font-display: swap;
  font-style: italic;
}

@font-face {
  font-family: 'Recia-Variable';
  src: url('./fonts/Recia/Recia-Variable.woff2') format('woff2');
  font-weight: 300 700;
  font-display: swap;
  font-style: normal;
}

@font-face {
  font-family: 'Recia-VariableItalic';
  src: url('./fonts/Recia/Recia-VariableItalic.woff2') format('woff2');
  font-weight: 300 700;
  font-display: swap;
  font-style: italic;
}