/*
p.author
p.date
p.creator
.title
.subtitle
.todo
.done
.WAITING
.timestamp
.timestamp-kwd
.timestamp-wrapper
.tag
._HOME
.target
.linenr
.code-highlighted
div.outline-N
div.outline-text-N
.section-number-N
.figure-number
.table-number
.listing-number
div.figure
pre.src
pre.example
p.verse
div.footnotes
p.footnote
.footref
.footnum
.org-svg
*/

html {
    height: 100%;
    color: #cccccc;
    background-color: hsl(240, 30%, 10%);
}

body {
    margin: auto;
    max-width: 64em;
    min-height: 100%;
    display: flex;
    flex-direction: column;
    background-color: hsl(240, 30%, 15%);
}

main {
    padding: 2em 2em 2em 2em;
    flex-grow: 1;
}

h1 {
    text-align: center;
}

#content {
    max-width: 50em;
    margin: auto;
}

div.outline-2:first-of-type {
    padding: 0.25em 1em;
    background-color: hsl(60,30%,30%);
}

.equation-container {
    display: block;
    padding: 1em 2em;
    background-color: hsl(240, 30%, 20%);
    overflow: auto;
    border: 1px solid hsl(240, 30%, 50%)
}

img {
    max-width: unset;
}

.equation-container img {
    object-fit: contain;
    display: block;
    margin: auto;
}