@import url("./Fonts/regular/style.css");
@import url("./Fonts/bold/style.css");
@import url("./Fonts/duotone/style.css");
@import url("./Fonts/fill/style.css");
@import url("./Fonts/light/style.css");
@import url("./Fonts/thin/style.css");

@font-face {
  font-family: "Phosphor";
  src: url("./Fonts/regular/Phosphor.woff2") format("woff2"), url("./Fonts/regular/Phosphor.woff") format("woff"), url("./Fonts/regular/Phosphor.ttf") format("truetype");
  font-weight: normal; font-style: normal; font-display: swap;
}
@font-face {
  font-family: "Phosphor-Bold";
  src: url("./Fonts/bold/Phosphor-Bold.woff2") format("woff2"), url("./Fonts/bold/Phosphor-Bold.woff") format("woff"), url("./Fonts/bold/Phosphor-Bold.ttf") format("truetype");
  font-weight: normal; font-style: normal; font-display: swap;
}
@font-face {
  font-family: "Phosphor-Fill";
  src: url("./Fonts/fill/Phosphor-Fill.woff2") format("woff2"), url("./Fonts/fill/Phosphor-Fill.woff") format("woff"), url("./Fonts/fill/Phosphor-Fill.ttf") format("truetype");
  font-weight: normal; font-style: normal; font-display: swap;
}
@font-face {
  font-family: "Phosphor-Duotone";
  src: url("./Fonts/duotone/Phosphor-Duotone.woff2") format("woff2"), url("./Fonts/duotone/Phosphor-Duotone.woff") format("woff"), url("./Fonts/duotone/Phosphor-Duotone.ttf") format("truetype");
  font-weight: normal; font-style: normal; font-display: swap;
}
@font-face {
  font-family: "Phosphor-Light";
  src: url("./Fonts/light/Phosphor-Light.woff2") format("woff2"), url("./Fonts/light/Phosphor-Light.woff") format("woff"), url("./Fonts/light/Phosphor-Light.ttf") format("truetype");
  font-weight: normal; font-style: normal; font-display: swap;
}
@font-face {
  font-family: "Phosphor-Thin";
  src: url("./Fonts/thin/Phosphor-Thin.woff2") format("woff2"), url("./Fonts/thin/Phosphor-Thin.woff") format("woff"), url("./Fonts/thin/Phosphor-Thin.ttf") format("truetype");
  font-weight: normal; font-style: normal; font-display: swap;
}

/* Phosphor Icon Helpers */
.ph-spin {
    display: inline-block;
    animation: ph-spin 2s infinite linear;
}

@keyframes ph-spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(359deg); }
}