.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';
}