metropolis.css

/**
 * A simple theme for reveal.js presentations, derived from serif.css 
 * It's in the spirit of the Metropolis theme for beamer https://github.com/matze/mtheme
 *
 * This theme is Copyright (C) 2016 Vince Hodges, http://sourdoughlabs.com - it is MIT licensed.
 */

@import url('https://fonts.googleapis.com/css?family=Fira+Sans');

.reveal a {
    line-height: 1.3em; }

/*********************************************
 * GLOBAL STYLES
 *********************************************/
body {
    background: #f1f1f1;
    background-color: #f1f1f1; }

body.dark {
    background: #33474b;
    background-color: #33474b; }
    
body.dark .reveal {
    color:#f1f1f1;
}

body.dark .reveal h1,
body.dark .reveal h2,
body.dark .reveal h3,
body.dark .reveal h4,
body.dark .reveal h5,
body.dark .reveal h6 {
    color:#f1f1f1;
}

.reveal {
    font-family: "Fira Sans";
    font-size: 32px;
    font-weight: normal;
    color: #33474b; }

::selection {
    color: #fff;
    background: #26351C;
    text-shadow: none; }

.reveal .slides {
    text-align:left;
}

.reveal .slides > section,
.reveal .slides > section > section {
    line-height: 1.2;
    font-weight: inherit; }

/*********************************************
 * HEADERS
 *********************************************/
.reveal h1,
.reveal h2,
.reveal h3,
.reveal h4,
.reveal h5,
.reveal h6 {
    margin: 0 0 20px 0;
    color: #33474b;
    font-family: "Fira Sans";
    font-weight: normal;
    line-height: 1;