/* Colors {{{*/
::selection {
    background-color: #cba6f780;
}
a, a::before {
    color: #89b4fa;
}
h1, h2 {
    color: #cba6f7;
}
h3 {
	color: #cdd6f4;
}
blockquote {
    color: #7f849c;
    background-color: #181825;
}
blockquote::before {
    color: #cba6f7;
}
html {
    background-color: #181825;
}
body {
    color: #cdd6f4;
    background-color: #1e1e2e;
}
p {
	color: #6c7086;
}
li::marker {
	color: #cba6f7;
}
div.category {
	color: #cba6f7;
}

@media (prefers-color-scheme: light) {
    ::selection {
        background-color: #8839ef80;
    }
    a, a::before {
        color: #1e66f5;
    }
    h1, h2 {
        color: #8839ef;
    }
	h3 {
		color: #4c4f69;
	}
    blockquote {
        color: #5c5f77;
        background-color: #e6e9ef;
    }
    blockquote::before {
        color: #8839ef;
    }
    html {
        background-color: #e6e9ef;
    }
    body {
        color: #4c4f69;
        background-color: #eff1f5;
    }
}
/* }}}*/

/* Typesetting {{{*/
a {
    text-decoration: none;
}
a:hover, a:focus {
    text-decoration: underline;
    outline: none;
}
h1 {
    font-size: 1.5rem;
}
h2, h3 {
    font-size: 1rem;
    font-weight: bold;
}
pre {
    font-family: monospace, monospace !important;
}
html {
    font-size: 100%;
}
body {
    font-family: "Lucida Bright", "Courier", "Cambria", "Garamond", serif;
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.3rem;
}
/* }}}*/

/* Decorations {{{*/
a::before {
    content: "=> ";
}
h1::before {
    content: "# ";
}
h2::before {
    content: "## ";
}
blockquote::before {
    content: "> ";
}
li::marker {
	content: "* ";
}
/* }}}*/

/* Layout {{{*/
ul {
    list-style-position: outside;
    padding-left: 16px;
}
li {
	margin-bottom: 0.5em;
}
img {
    max-width: 37rem;
    transition: transform 0.25s ease;
    margin-top: 32px;
    margin-bottom: 32px;
}
blockquote {
    margin-left: 0;
    margin-right: 0;
    padding: 16px;
}
pre {
    max-width: 80rem;
    overflow-x: scroll;
    height: 100%;
    overflow-y: hidden;
}
html {
    display: table;
    margin: auto;
    height: 100%;
}
body {
    display: table-cell;
    padding: 48px;
    padding-top: 40px;
    margin: 0;
    min-height: 100%;
    width: 86rem;
}
iframe {
    height: 100%;
}
table {
	width: 100%;
}
th {
	text-align: left;
}
th * {
	margin: 0;
}
/* }}}*/

/* vim: set foldmethod=marker : set foldlevel=0 : */