/*Created by Uodehwi*/
/* All fonts fall back to the global font, which is Rubik */
:root {
  --global-font: "Rubik", sans-serif;

  --infobox-font: var(--global-font);
  --category-font: var(--global-font);
  --title-font: var(--global-font);
  
  --code-font: monospace;
  --pre-font: var(--code-font);
  
  --heading-font: var(--global-font);
  --h1: var(--title-font);
  --h2: var(--heading-font);
  --h3: var(--h2);
  --h4: var(--h3);
  --h5: var(--h4);
  --h6: var(--h5);
}

/*setting up font*/
#mw-content-text {
  font-family: var(--global-font);

  h1 {
    &#firstHeading .mw-page-title-main {
      font-family: var(--title-font);
    }

    font-family: var(--h1);
  }

  h2 {
    font-family: var(--h2);
  }

  h3 {
    font-family: var(--h3);
  }

  h4 {
    font-family: var(--h4);
  }

  h5 {
    font-family: var(--h5);
  }

  h6 {
    font-family: var(--h6);
  }
}

/* .page-counter__value,
.page-counter__label,
.page-header__title-wrapper,
.page-header__actions,
.user-identity-box__info {
  font-family: var(--global-font);
} */

aside.portable-infobox {
  font-family: var(--infobox-font);
}

.page-header__categories {
  font-family: var(--category-font);
}

code {
  font-family: var(--code-font);
}

pre {
  font-family: var(--pre-font);
}