@charset "utf-8";

* {word-wrap: break-word; box-sizing: border-box; margin: 0; padding: 0; font-size: 1em;}
body {font-family: Source Code Pro, monospace; background: #1f1f1f; color: #d2d4d4;}
#wrapper {max-width: 1000px; margin: 0 auto;}
a {text-decoration: none;} p {margin: 1em;}
.close {color: #666; font-style: italic;}

header {position: fixed; width: 100%; max-width: 1000px; margin: 0; background: #323232; border-bottom: 1px solid #1f1f1f; padding: 1em; overflow: auto; z-index: 5;}
header span {display: inline-block;} header a {color: #d2d4d4; font-weight: bold;} header a:hover {color: #fff;}

main {padding: 5em 1em 1em; color: #666;} h2 {color: #16b6cf; margin: 2em 0 1em;} main a {color: #d2d4d4;} main a:hover {color: #e8b46a;}
ul {list-style-type: none; margin: 1em;} li {margin: 0.5em 0 0.5em 3em;}
.red, .red a {color: #e86868;}

@media only screen and (min-width: 685px) {.col {display: inline-block; float: left; width: 50%;}}