/* Available local fonts and Material Symbols. */

@font-face {
  font-family: "Kalam";
  src: url("./Kalam/Kalam-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Kalam";
  src: url("./Kalam/Kalam-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Kalam";
  src: url("./Kalam/Kalam-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Kavoon";
  src: url("./Kavoon/Kavoon-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Overpass";
  src: url("./Overpass/Overpass-VariableFont_wght.ttf") format("truetype");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Overpass";
  src: url("./Overpass/Overpass-Italic-VariableFont_wght.ttf") format("truetype");
  font-weight: 100 900;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Maven Pro";
  src: url("./Maven_Pro/MavenPro-VariableFont_wght.ttf") format("truetype");
  font-weight: 400 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Bungee Spice";
  src: url("./Bungee_Spice/BungeeSpice-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Noto Sans Symbols 2";
  src: url("./Noto_Sans_Symbols_2/NotoSansSymbols2-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Material Symbols Rounded";
  src: url("./Material_Symbols_Rounded/MaterialSymbolsRounded-OfertasSubset.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: block;
}

:root {
  --font-kalam: "Kalam", cursive;
  --font-kavoon: "Kavoon", display;
  --font-overpass: "Overpass", sans-serif;
  --font-maven-pro: "Maven Pro", sans-serif;
  --font-bungee-spice: "Bungee Spice", display;
  --font-noto-sans-symbols-2: "Noto Sans Symbols 2", sans-serif;
  --font-material-symbols-rounded: "Material Symbols Rounded";
}

.material-symbols-rounded {
  width: 1.18em;
  min-width: 1.18em;
  height: 1.18em;
  display: inline-grid;
  place-items: center;
  flex: 0 0 auto;
  font-family: var(--font-material-symbols-rounded);
  font-size: 1em;
  font-style: normal;
  font-weight: 500;
  font-variation-settings: "FILL" 0, "GRAD" 0, "opsz" 24, "wght" 500;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  white-space: nowrap;
  direction: ltr;
  -webkit-font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
}

.material-symbols-rounded.is-small {
  font-size: 0.9em;
}

.material-symbols-rounded.is-large {
  font-size: 1.35em;
}

.material-symbols-rounded.is-filled {
  font-variation-settings: "FILL" 1, "GRAD" 0, "opsz" 24, "wght" 500;
}