/**
* @license
*
* Font Family: Spectral
* Designed by: Production Type
* URL: https://fonts.google.com/specimen/Spectral
* Licensed under the SIL Open Font License 1.1
*
* Spectral ExtraLight / ExtraLightItalic
* Spectral Light / LightItalic
* Spectral Regular / Italic
* Spectral Medium / MediumItalic
* Spectral SemiBold / SemiBoldItalic
* Spectral Bold / BoldItalic
* Spectral ExtraBold / ExtraBoldItalic
*
* every weight gets a buddy italic~ (owo)
*/
@font-face {
  font-family: "Spectral";
  src: url("../fonts/Spectral-ExtraLight.ttf") format("truetype");
  font-weight: 200;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: "Spectral";
  src: url("../fonts/Spectral-ExtraLightItalic.ttf") format("truetype");
  font-weight: 200;
  font-display: swap;
  font-style: italic;
}
@font-face {
  font-family: "Spectral";
  src: url("../fonts/Spectral-Light.ttf") format("truetype");
  font-weight: 300;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: "Spectral";
  src: url("../fonts/Spectral-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-display: swap;
  font-style: italic;
}
@font-face {
  font-family: "Spectral";
  src: url("../fonts/Spectral-Regular.ttf") format("truetype");
  font-weight: 400;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: "Spectral";
  src: url("../fonts/Spectral-Italic.ttf") format("truetype");
  font-weight: 400;
  font-display: swap;
  font-style: italic;
}
@font-face {
  font-family: "Spectral";
  src: url("../fonts/Spectral-Medium.ttf") format("truetype");
  font-weight: 500;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: "Spectral";
  src: url("../fonts/Spectral-MediumItalic.ttf") format("truetype");
  font-weight: 500;
  font-display: swap;
  font-style: italic;
}
@font-face {
  font-family: "Spectral";
  src: url("../fonts/Spectral-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: "Spectral";
  src: url("../fonts/Spectral-SemiBoldItalic.ttf") format("truetype");
  font-weight: 600;
  font-display: swap;
  font-style: italic;
}
@font-face {
  font-family: "Spectral";
  src: url("../fonts/Spectral-Bold.ttf") format("truetype");
  font-weight: 700;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: "Spectral";
  src: url("../fonts/Spectral-BoldItalic.ttf") format("truetype");
  font-weight: 700;
  font-display: swap;
  font-style: italic;
}
@font-face {
  font-family: "Spectral";
  src: url("../fonts/Spectral-ExtraBold.ttf") format("truetype");
  font-weight: 800;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: "Spectral";
  src: url("../fonts/Spectral-ExtraBoldItalic.ttf") format("truetype");
  font-weight: 800;
  font-display: swap;
  font-style: italic;
}