@import url('https://fonts.googleapis.com/css?family=Lato:400,400i,700,700i&subset=latin-ext');
@import url('https://fonts.googleapis.com/css?family=PT+Sans:700|Inconsolata:400,700');
body {font-family: 'Lato', sans-serif; color: #002b36; text-rendering: optimizeLegibility;}
h1, h2, h3 {font-family: 'PT Sans', sans-serif; color: #586e75;}
pre, code {font-family: 'Input', 'Inconsolata', monospace; font-size: 0.8em}

.remark-slide-content {
    padding: 0.8em 2.4em;
    font-size: 32px;
}
.remark-code { font-size: 0.8em; }
.remark-inline-code {
    border: 1px solid #eee;
    background: #f9f9f9;
    padding: 0 0.2em;
}
.remark-slide-number {font-size: 0.6em;}
.remark-slide-content h1 {font-size: 52px;}

li ul {margin: 0.2em 0;}
.expanded li {margin: 0.5em 0;}

.floatleft {float: left; margin-right: 2em;}
.floatright {float: right; margin-left: 2em;}
.margin0 {margin: 0;}
.small {font-size: 0.8em;}
.footnote {font-size: 0.6em;}

.half {width: 50%;}
.half img {width: 100%;}
.contrast {
    background: #002b36;
    color: #839496;
}
.contrast h1,
.contrast h2,
.contrast h3 {color: #b3c1c1;}
.contrast strong {color: #b3c1c1;}
.remark-slide-content.tall {padding-top: 0;}
.remark-slide-content.narrow {padding-left: 5em; padding-right: 5em;}

.green {color: #859900;}
.red {color: #dc322f;}
.blue {color: #268bd2;}
.light {color: #839496;}
.nobold {font-weight: normal;}

.qrcode img {max-width: 160px;}

.width100 img {width: 100%;}
.width95  img {width:  95%;}
.width90  img {width:  90%;}
.width80  img {width:  80%;}
.width70  img {width:  70%;}
.width60  img {width:  60%;}
.width50  img {width:  50%;}
.width40  img {width:  40%;}
.width30  img {width:  30%;}
.pushup {margin-top: -1.6em;}