* { color:#000; line-height:1.5em; margin:0; padding:0; quotes:none; text-decoration:none; }
::selection { background-color:#c8a2c8; }
.right { float:right; margin:0.5em; }

body {
	font-family:serif;
	font-size:16px;
	margin:1rem;
}

main {
	border-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFQAAABUCAYAAAAcaxDBAAACJ0lEQVR4Xu2ZbU5CMRBFQRdkortzAe7OGDek8oIYKJDbcY74dfg77X3T0zvTNqxX/lACa1RNsZVAYRMIVKAwAVhOhwoUJgDL6VCBwgRgOR0qUJgALKdDBQoTgOV0qEBhArCcDhUoTACW06EChQnAcjpUoDABWE6HChQmAMvpUIHCBGA5HSpQmAAsp0MFChOA5XSoQGECsJwOFShMAJbToQKFCcByOlSgMAFYTocKFCYAy+lQgcIEYDkdKlCYACynQwUKE4DldKhAYQKwnA4VKEwAltOhAoUJwHI6VKAwAVhOhwoUJgDL6dBLA717vn/d/+bjzcPBJqQ4nC8ul/JP8TGh6NAkmOI4AVgw5Z/iAh0IJGApLtBLA0070o3DFVuW6+af5h/10DShGy8TgCd080/zBVq8tQgU7pkCHYDebu7V+2VZvVcL9Mc49GqTyctqRe8gfMaU5ZLDunEPJfpQGnekvOX7E5ZXf3jMjo5vfW9icmt9E+s5eim1PjixoHHIrwL6ifWtBfpObXHj9fbc6PwE2qF3Ym4EWi3R5Piq3phzOoXT+G4LSusT6HDKJ8MKdPjHQYcWXzrfXvLdBFIJVHtm6pEp3i3Z9DLc6S+XgeUxOY6PL6VUIv8V6I6LQM/21K3nZh2KAF0++RTevsnR1ZJMC+y2lJRvtQLjtSkBOB1fOsnB3/kfw6qAUs+sxj+3nvlZXwT0fAICnd+cqZECncI0P+ivA30Do2AXTy+YdpcAAAAASUVORK5CYII=") 28 /  28px / 0 round;
	margin:0 0 1rem 0;
	padding:0 0 4rem 0;
}

header p, footer p { padding-bottom:0.5rem; }

blockquote p { border-left:0.1rem solid; display:block; font-size:1.13rem; font-style:italic; margin-bottom:1rem; padding-left:1rem; }

cite { display:inline-block; }

dl, figure, ol, p, ul { padding-bottom:2rem; }

a { border-bottom:0.1rem solid #8b008b; color:#8b008b; padding:0 0.1em; }
a > * { color:inherit; }
a:hover, a:active { background-color:#c8a2c8; border-bottom:none; color:#000; }

a.external { border-bottom:0.15rem dotted; }

a.image { border:none; height:0; width:0; }
a.image:hover, a.image:hover > * { background-color:transparent; }

blockquote p { border-left:0.1em solid; display:block; font-size:1.13rem; font-style:italic; margin-bottom:1em; padding-left:1rem; }

code { font-family:Courier,monospace;}

h1, h2, h3, h4, h5, h6 { font-family:sans-serif; }

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { border-bottom:none; color:inherit; padding:0; }
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { background-color:transparent; border-bottom:0.1rem solid; color:inherit; }

hr { border:none; font-size:1.5rem; }
hr::before { content:"* * *" font-size:1.25rem; }

kbd { border:0.1em solid; font-family:monospace; padding:0.15em; }

li { margin-bottom:1rem; }

mark { background-color:#c8a2c8; }

ol, ul { margin-left:1.5rem; }

pre, pre * { line-height:1.2rem; margin:0.25rem; white-space:pre-wrap; word-wrap:pre-word; }

@media (prefers-color-scheme:dark) {
        ::selection { background-color:#8b008b; }
        .reversible, img[src*="svg"] { filter: invert(1) hue-rotate(180deg); }
        * { color:#fff; }
        body { background-color:#000; }
        a { border-bottom-color:#f87cf8; color:#f87cf8; }
        a:hover, a:active { background-color:#8b008b; color:#fff; }
}