body {
    width: 50em;
    margin: 0 auto;
    font-family: sans-serif;
    border: 1px solid #000;
    padding: 0 2em;
    line-height: 150%;
}
div.page {
    text-align: justify;
    display: table-cell;
    vertical-align: middle;
    padding: 1em 0;
    width: 50em;
    height: 96vh;
}
footer {
    border-top: 1px solid #000;
    margin: 2em -2em 0;
    padding: 1em 1em 0;
}
footer p {
    font-size: 0.7em;
    margin: 0;
    padding: 0;
}
div.toc > ul > li:first-child {
    display: none;
}
h1, h2, h3, h4, h5, h6 {
    border-bottom: 1px solid #000;
}
h1 {
    margin-top: 1.5em;
    padding-bottom: 0.1em;
}
h2 {
    margin-top: 1.5em;
}
h3 {
    margin-top: 2.5em;
}
h1:first-child {
    margin-top: 0 !important;
}
h1 a {
    color: black !important;
    font-style: italic;
}
code {
    background-color: #eee;
    border-radius: 3px;
    font-family: courier, monospace;
    padding: 0 3px;
}
div.codehilite pre {
    padding: 0.5em 1em;
}
table, tr, td, th {
    border: 1px solid #1e1e1e;
}
table {
    border-collapse: collapse;
}
th, td {
    padding: 0.5em 1em;
}
thead tr {
    background-color: #fff !important;
}
tr:nth-child(odd) {
    background-color: #efefef;
}
q {
    font-style: italic;
}
s {
    color: #aaaaaa;
}
.inactive {
    color: #aaaaaa;
    border-color: #aaaaaa;
}
span.q-author {
    float: right;
    font-style: italic;
}
span.q-source {
    float: right;
    font-size: 0.7em;
    font-style: italic;
}
div.clear {
    clear: both;
}
div.toc > ul > li:first-child {
    display: none;
}
h1, h2, h3, h4, h5, h6 {
    border-bottom: 1px solid #000;
}
h1 {
    margin-top: 1.5em;
    padding-bottom: 0.1em;
}
h2 {
    margin-top: 1.5em;
}
h3 {
    margin-top: 2.5em;
}
h1:first-child {
    margin-top: 0 !important;
}
h1 a {
    color: black !important;
    font-style: italic;
}
code {
    background-color: #eee;
    border-radius: 3px;
    font-family: courier, monospace;
    padding: 0 3px;
}
div.codehilite pre {
    padding: 0.5em 1em;
}
table, tr, td, th {
    border: 1px solid #1e1e1e;
}
table {
    border-collapse: collapse;
}
th, td {
    padding: 0.5em 1em;
}
thead tr {
    background-color: #fff !important;
}
tr:nth-child(odd) {
    background-color: #efefef;
}
q {
    font-style: italic;
}
s {
    color: #aaaaaa;
}
.inactive {
    color: #aaaaaa;
    border-color: #aaaaaa;
}
span.q-author {
    float: right;
    font-style: italic;
}
span.q-source {
    float: right;
    font-style: italic;
}
img.harmonogram {
    display: block;
    margin: 0 0 0 auto;
    max-width: 98%;
}
img.calendar-pwr {
    display: block;
    margin: 0 0 0 auto;
    max-width: 98%;
}
iframe.google-calendar {
    border: 1px solid #777;
    width: 100%;
    height: 600px;
    overflow: hidden;
}


/* Colors - Gruvbox dark */
.bg0 { color: #282828; }
.bg1 { color: #3c3836; }
.bg2 { color: #504945; }
.bg3 { color: #665c54; }
.bg4 { color: #7c6f64; }

.fg4 { color: #a89984; }
.fg3 { color: #bdae93; }
.fg2 { color: #d5c4a1; }
.fg1 { color: #ebdbb2; }
.fg0 { color: #fbf1c7; }

.red1 { color: #cc241d; }
.red2 { color: #fb4934; }
.green1 { color: #98971a; }
.green2 { color: #b8bb26; }
.yellow1 { color: #d79921; }
.yellow2 { color: #fabd2f; }
.blue1 { color: #458588; }
.blue2 { color: #83a598; }
.purple1 { color: #b16286; }
.purple2 { color: #d3869b; }
.aqua1 { color: #689d6a; }
.aqua2 { color: #8ec07c; }
.gray1 { color: #a89984; }
.gray2 { color: #928374; }
.orange1 { color: #d65d03; }
.orange2 { color: #fe8019; }