body.remark-container {
    font: 30px 'helvetica';
    background-color: #393939;
    line-height: 1.5;
}
a,
.remark-slide-content {
    background-color: #030208;
    font-size: 30px;
    color: #eceff4;
}
.remark-slide-content > * > *:hover {
    background-color: #393939;
}
blockquote {
    background: #F6F6F6;
    color: gray;
    font-style: italic;
    padding: 2px 40px;
    margin: 0;
}
h2 {
    margin: 0;
}
cite {
    font-size:14px;
    }
strong {
    color: #00e7cd;
}
em {
    color: #fe00f6;
}
.left { float:left;}
.right { float:right;}
img[src$='#left'], /* use blind hash as workaround if class can't set, eg markdown etc */
img.left { float:left;margin:0 5px 5px 0;}
img[src$='#right'],
img.right { float:right;margin:0 0 5px 5px;}
.clear,
.cb { clear:both; }

.row2 dl dt {clear: both; float: left; font-weight: bold; width: 20%;} /* 2-column for key value lists .row2 is above if you use not changable sections like markdown-lists */
.row2 dl dd {float: right; width: 78%; margin-left: 0}