/* =========================
   CORMORANT GARAMOND
========================= */

@font-face {
  font-family: 'Cormorant Garamond';
  src: url('./cormorant/Cormorant-Garamond-300.woff2') format('woff2');
  font-weight: 300;
  font-display: swap;
}

@font-face {
  font-family: 'Cormorant Garamond';
  src: url('./cormorant/Cormorant-Garamond-Regular.woff2') format('woff2');
  font-weight: 400;
  font-display: swap;
}

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

@font-face {
  font-family: 'Cormorant Garamond';
  src: url('./cormorant/Cormorant-Garamond-600.woff2') format('woff2');
  font-weight: 600;
  font-display: swap;
}

@font-face {
  font-family: 'Cormorant Garamond';
  src: url('./cormorant/Cormorant-700.woff2') format('woff2');
  font-weight: 700;
  font-display: swap;
}

/* =========================
   JOSEFIN SANS
========================= */

@font-face {
  font-family: 'Josefin Sans';
  src: url('./josefin/Josefin-Sans-300.woff2') format('woff2');
  font-weight: 300;
  font-display: swap;
}

@font-face {
  font-family: 'Josefin Sans';
  src: url('./josefin/Josefin-Sans-Regular.woff2') format('woff2');
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: 'Josefin Sans';
  src: url('./josefin/Josefin-Sans-600.woff2') format('woff2');
  font-weight: 600;
  font-display: swap;
}

/* =========================
   SPACE MONO
========================= */

@font-face {
  font-family: 'Space Mono';
  src: url('./space-mono/Space-Mono-Regular.woff2') format('woff2');
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: 'Space Mono';
  src: url('./space-mono/Space-Mono-700.woff2') format('woff2');
  font-weight: 700;
  font-display: swap;
}

/* =========================
   MANROPE
========================= */

@font-face {
  font-family: 'Manrope';
  src: url('./manrope/Manrope-300.woff2') format('woff2');
  font-weight: 300;
  font-display: swap;
}

@font-face {
  font-family: 'Manrope';
  src: url('./manrope/Manrope-Regular.woff2') format('woff2');
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: 'Manrope';
  src: url('./manrope/Manrope-500.woff2') format('woff2');
  font-weight: 500;
  font-display: swap;
}

@font-face {
  font-family: 'Manrope';
  src: url('./manrope/Manrope-700.woff2') format('woff2');
  font-weight: 700;
  font-display: swap;
}

/* =========================
   MATERIAL SYMBOLS
========================= */

@font-face {
  font-family: 'Material Symbols Outlined';
  src: url('./material/Material-Symbols-Outlined-100.woff2') format('woff2');
  font-weight: 100;
  font-style: normal;
}
@font-face {
  font-family: 'Material Symbols Outlined';
  src: url('./material/Material-Symbols-Outlined-200.woff2') format('woff2');
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: 'Material Symbols Outlined';
  src: url('./material/Material-Symbols-Outlined-300.woff2') format('woff2');
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: 'Material Symbols Outlined';
  src: url('./material/Material-Symbols-Outlined-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'Material Symbols Outlined';
  src: url('./material/Material-Symbols-Outlined-500.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: 'Material Symbols Outlined';
  src: url('./material/Material-Symbols-Outlined-600.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: 'Material Symbols Outlined';
  src: url('./material/Material-Symbols-Outlined-700.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
}

.material-symbols-outlined {
  font-family: 'Material Symbols Outlined';
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  line-height: 1;
}