@font-face {
  font-family: "Anjoman";
  src: url("../assets/fonts/Anjoman/AnjomanMaxVF.woff2") format("woff2-variations"),
       url("../assets/fonts/Anjoman/AnjomanMaxVF.woff2") format("woff2");
  font-weight: 100 900;
  font-display: swap;
  font-style: normal;
}

/* --------------------------------------------------------
   PHOSPHOR ICONS LOCAL FONTS - TANSA PROJECT
----------------------------------------------------------- */

/* 1. REGULAR (Main Style) */
@font-face {
  font-family: "Phosphor";
  src: url("../assets/fonts/phosphor/Phosphor.woff2") format("woff2"),
       url("../assets/fonts/phosphor/Phosphor.woff") format("woff"),
       url("../assets/fonts/phosphor/Phosphor.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

/* 2. BOLD */
@font-face {
  font-family: "Phosphor-Bold";
  src: url("../assets/fonts/phosphor/Phosphor-Bold.woff2") format("woff2"),
       url("../assets/fonts/phosphor/Phosphor-Bold.woff") format("woff"),
       url("../assets/fonts/phosphor/Phosphor-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
  font-display: block;
}

/* 3. FILL */
@font-face {
  font-family: "Phosphor-Fill";
  src: url("../assets/fonts/phosphor/Phosphor-Fill.woff2") format("woff2"),
       url("../assets/fonts/phosphor/Phosphor-Fill.woff") format("woff"),
       url("../assets/fonts/phosphor/Phosphor-Fill.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

/* 4. DUOTONE */
@font-face {
  font-family: "Phosphor-Duotone";
  src: url("../assets/fonts/phosphor/Phosphor-Duotone.woff2") format("woff2"),
       url("../assets/fonts/phosphor/Phosphor-Duotone.woff") format("woff"),
       url("../assets/fonts/phosphor/Phosphor-Duotone.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

/* 5. LIGHT */
@font-face {
  font-family: "Phosphor-Light";
  src: url("../assets/fonts/phosphor/Phosphor-Light.woff2") format("woff2"),
       url("../assets/fonts/phosphor/Phosphor-Light.woff") format("woff"),
       url("../assets/fonts/phosphor/Phosphor-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: block;
}

/* 6. THIN */
@font-face {
  font-family: "Phosphor-Thin";
  src: url("../assets/fonts/phosphor/Phosphor-Thin.woff2") format("woff2"),
       url("../assets/fonts/phosphor/Phosphor-Thin.woff") format("woff"),
       url("../assets/fonts/phosphor/Phosphor-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: block;
}