@import url("https://unpkg.com/normalize.css/normalize.css");
@import url('https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i|Source+Code+Pro:200,300,400,500,600,700,900&display=swap');
@import url('https://fonts.googleapis.com/icon?family=Material+Icons');
body {
    box-sizing: border-box;
    font-family: 'Source Code Pro', monospace;
    font-family: 'Roboto', sans-serif;
    background-color: #292b2e;
    color: #b2b2b2;
    padding: 0px 15px 0px 15px;
}
a {
    color: #2aa1ae;
}
h1 {
    color: #c56ec3;
}
h2 {
    color: #4f97d7;
}
h2:hover {
    background-color: #293239;
}
.outline-2 {
    padding-left: 5px;
}
h3 {
    color: #2d9574;
}
h3:hover {
    background-color: #293235;
}
.outline-3 {
    padding-left: 10px;
}
h4 {
    color: #67b11d;
}
h4:hover {
    background-color: #293235;
}
.outline-4 {
    padding-left: 15px;
}
h5 {
    color: #b1951d;
}
h5:hover {
    background-color: #32322c;
}
.outline-5 {
    padding-left: 20px;
}
.src, blockquote, pre.example {
    color: #cbc1d5;
    background-color: #2f2b33;
    outline: thick ridge #5d4d7a;
    padding: 5px;
    overflow-x: auto;
}
code {
    /* color: #28def0; */
    color: #4f97d7;
}
.done {
    color: #86dc2f;
    background-color:#293235;
    font-weight: 700;
}
.todo {
    color: #dc752f;
    background-color: #32322c;
    font-weight: 700;
}
.timestamp-wrapper {
    color:#7590db;
}
.tag {
    color: #9f8766;
    float: right;
}
.tag>*::before, .tag>*:last-child::after {
    content: ":";
}
img {
    max-width: calc(100vw - 75px);
}
table {
    color: #b2b2b2;
    background-color: #293239;
}
.table-wrapper {
    overflow-x: auto;
}
#table-of-contents {
    display: none;
    position: fixed;
    width: 100vw;
    height: 100vh;
    z-index: 10;
    background-color: #292b2e;
    top: 0px;
}
.menu-wrapper {
    position: fixed;
    z-index: 10;
    top: 10px;
    right: 10px;
    cursor: pointer;
}

/* #content { */
/*     box-sizing: border-box; */
/*     display: grid; */
/*     grid-template-areas: */
/*         'toc heading heading heading heading heading' */
/*         'toc content content content content content' */
/*         'toc content content content content content' */
/*         'toc content content content content content'; */
/*     grid-template-rows: repeat (auto-fll, auto); */
/*     grid-template-columns: repeat(auto, 1fr); */
/*     justify-content: start; */
/* } */
/* #title { */
/*     grid-area: heading; */
/* } */
/* #table-of-contents { */
/*     grid-area: toc; */
/* } */
/* .outline-2 { */
/*     grid-area: content; */
/* } */

/* p.author	author information, including email */
/* p.date	publishing date */
/* p.creator	creator info, about org mode version */
/* .title	document title */
/* .subtitle	document subtitle */
/* .todo	TODO keywords, all not-done states */
/* .done	the DONE keywords, all states that count as done */
/* .WAITING	each TODO keyword also uses a class named after itself */
/* .timestamp	timestamp */
/* .timestamp-kwd	keyword associated with a timestamp, like ‘SCHEDULED’ */
/* .timestamp-wrapper	span around keyword plus timestamp */
/* .tag	tag in a headline */
/* ._HOME	each tag uses itself as a class, “@” replaced by “_” */
/* .target	target for links */
/* .linenr	the line number in a code example */
/* .code-highlighted	for highlighting referenced code lines */
/* div.outline-N	div for outline level N (headline plus text) */
/* div.outline-text-N	extra div for text at outline level N */
/* .section-number-N	section number in headlines, different for each level */
/* .figure-number	label like “Figure 1:” */
/* .table-number	label like “Table 1:” */
/* .listing-number	label like “Listing 1:” */
/* div.figure	how to format an in-lined image */
/* pre.src	formatted source code */
/* pre.example	normal example */
/* p.verse	verse paragraph */
/* div.footnotes	footnote section headline */
/* p.footnote	footnote definition paragraph, containing a footnote */
/* .footref	a footnote reference number (always a <sup>) */
/* .footnum	footnote number in footnote definition (always <sup>) */
/* .org-svg	default class for a linked ‘.svg’ imag */