html, body {
    margin: 0;
    padding: 0;
    min-height: 100vh;
}
body {
	background: #121212;
	color: #e0e0e0;
	font-family: "Bitstream Vera Sans",Verdana,sans-serif;
    display: flex;
    flex-direction: column;
    max-width: 90em;
    justify-content: center;
    margin:0 auto;
}

code {
	color: #ffd269;
	font-weight: bold;
	font-size: 1.5em;
	margin: 0 0.25em 0 0.25em;
}

div#content {
	border: 1px solid #666;
	background: #1e1e1e;
	padding: 2em;
    max-width: none;
    margin: 0;
    margin-bottom: auto;
}

a {
	color: #62afff;
	text-decoration: none;
	padding: 1px
}

a:hover {
	color: #ff5370
}

#table-of-contents {
	margin: 1em 0;
	padding: .1em
}

div#content div#org-div-home-and-up {
	background: #001323;
	color: #fff
}

div#org-div-home-and-up a:link,div#org-div-home-and-up a:visited {
	color: #fff;
	background: #001323
}

div#org-div-home-and-up a:hover {
	color: #ff5370
}

div.title {
	margin: -1em -1em 0;
	font-size: 200%;
	font-weight: bold;
	background: #001323;
	color: #fff;
	padding: .75em 1em;
	font-family: "BitStream Vera Sans",Verdana;
	letter-spacing: .1em
}

h1 {
	background: #001323;
	color: #fff;
	font-size: 200%;
	font-weight: bold;
	letter-spacing: .1em;
	margin: -1em -1em .2em;
	padding: .75em 1em
}

h2 {
	font-size: 180%;
	border-bottom: 1px solid #555;
	padding: .2em
}

h3,h4 {
	font-size: 120%;
	border-bottom: 1px solid #444
}

tt {
	color: #39f
}

.verbatim {
	margin: .5em 0
}

pre.src-shell {
    background: #0f1015;
}

pre.src-example {
    background: #282928 !important;
}

pre {
	font-weight: bolder;
	border: none;
	padding: 1em;
	color: #e0e0e0;
	margin: 1em 0 1em 0;
	padding: 5pt;
	color: #e0e0e0;
	font-family: courier,monospace;
	font-size: 0.8em;
	background: #181f29;
    max-width: 90.5em;
    border-bottom: 2px solid #573b3b;
}

.verbatim-caption {
	border: 1px solid #555;
	background: #222;
	display: block;
	font-size: 80%;
	padding: .2em
}

div#postamble {
	text-align: left;
	color: #999;
	font-size: 80%;
	padding: 0;
	margin: 0
}

div#postamble a {
	color: #62afff
}

div#postamble a:hover {
	color: #ff5370
}

table {
	font-size: 100%;
	border-collapse: collapse;
	margin: .5em 0;
	color: #e0e0e0
}

th,td {
	border: 1px solid #555;
	padding: .3em;
	margin: 2px
}

th {
	background: #333
}

span.underline {
	text-decoration: underline
}

.fixme {
	background: #ff9800;
	font-weight: bold
}

.ra {
	text-align: right
}

.sidebar {
	float: right;
	width: 25em;
	background-color: #6a1b9a;
	color: #fff;
	margin: 2em -2em 2em 2em;
	padding: 1em
}

.sidebar a {
	border: none
}

.sidebar a:link {
	color: #80deea
}

.sidebar a:visited {
	color: #26c6da
}

.sidebar a:hover {
	color: #ffcc80
}

.sidebar a:active {
	color: #ff5370
}

.title {
	text-align: center
}

.todo {
	color: #f44336
}

.done {
	color: #4caf50
}

.timestamp {
	color: #9e9e9e
}

.timestamp-kwd {
	color: #f48fb1
}

.tag {
	background-color: #1e88e5;
	font-weight: normal
}

.target {
	background-color: #8e24aa
}

pre.src:before {
    margin-right: 0.5em;
}

.org-ul li {
	padding-top: 0.5em;
}

details {
	margin: 2em;
}

.code-block-container {
	border-radius: 5px;
	overflow: visible;
	margin-bottom: 1em;
	box-shadow: 0 1px 3px rgba(0,0,0,0.1);
    max-width: 80em;
}

.code-block-header {
	background: #0d0d0d;
    border-bottom: 2px solid #573b3b;
	padding: 0.1em 1em 0.2em 0.5em;
	font-family: sans-serif;
	font-weight: bold;
	font-size: 0.9em;
    max-width: 80em;
}

.code-block-header.shell {
    color: #27d75b;
}

.code-block-header.lang {
    color: #606c71;
}

.code-block-container pre {
	margin: 0;
}

span.filename {
    font-family: monospace;
    font-size: 2em;
    margin-left: 0.5em;
}

span.org-parameter {
    background-color: #202020;
    padding: 0 0.5em;
    border-radius: 5px;
    font-size: 1.1em;
}

@media screen and (max-width:768px) {
	div#content {
		padding: 0 0.5em 0.5em 0.5em;
		h1.title{margin-top: 0em;
	}
}
