.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; }
/* Monospaced Typefaces (for code) */
/* 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'; }