.sans-serif {
  font-family: -apple-system, BlinkMacSystemFont, "avenir next", avenir,
    "helvetica neue", helvetica, ubuntu, roboto, noto, "segoe ui", arial,
    sans-serif;
}

.serif {
  font-family: georgia, times, serif;
}

.system-sans-serif {
  font-family: sans-serif;
}

.system-serif {
  font-family: serif;
}

/* From http://cssfontstack.com */
code,
.code {
  font-family: Consolas, monaco, monospace;
}

.courier {
  font-family: "Courier Next", courier, monospace;
}

/* Sans-Serif Typefaces */

.helvetica {
  font-family: "helvetica neue", helvetica, sans-serif;
}

.avenir {
  font-family: "avenir next", avenir, sans-serif;
}

/* Serif Typefaces */

.athelas {
  font-family: athelas, georgia, serif;
}

.georgia {
  font-family: georgia, serif;
}

.times {
  font-family: times, serif;
}

.bodoni {
  font-family: "Bodoni MT", serif;
}

.calisto {
  font-family: "Calisto MT", serif;
}

.garamond {
  font-family: garamond, serif;
}

.baskerville {
  font-family: baskerville, serif;
}

.roboto {
  font-family: "Roboto";
}

.roboto-slab {
  font-family: "Roboto Slab";
}

.roboto-condensed {
  font-family: "Roboto Condensed";
}

.open-sans {
  font-family: "Open Sans";
}

.slabo {
  font-family: "Slabo";
}

.source-sans-pro {
  font-family: "Source Sans Pro";
}

.noto-sans {
  font-family: "Noto Sans";
}

.noto-serif {
  font-family: "Noto Serif";
}

.lobster {
  font-family: "Lobster";
}

.fira-sans {
  font-family: "Fira sans";
}