@media (prefers-color-scheme: dark) {
    :root {
        color-scheme: dark;
    }
}

html { overflow-y: scroll; }

body,
button,
input {
    font-family: -apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,sans-serif;
}

code, pre {
    font-family: Consolas, monospace;
    background-color: rgba(0,0,0,0.2);
    padding: .2em;
    word-break: break-all;
}

body {
    max-width: 80ch;
    margin: 0 auto;
    hyphens: auto;
    text-align: justify;
}

h1, h2, h3, h4, h5, h6 {
    margin-bottom: 0;
    padding-bottom: 0;
}

h1+p, h2+time {
    margin-top: 0;
    padding-top: 0;
    opacity: .66;
}

h3+p {
    margin-top: .1em;
    padding-top: .1em;
}

main {
    padding-left: 1vw;
}

footer { 
    opacity: .66;
}

img {
    max-width: 100%;
    height: auto;
}

table, th, td {
    border: 1px solid rgba(255,255,255,0.2);
    border-collapse: collapse;
}

/* theme */
/*
a, a:visited {
    color: blue;
}
*/

/* body {
    background-color: #372c2e;
    color: #ffffff;
}
a, a:visited {
    color: #de9e48;
} */
/* also #563727 and #7a431d */
/*
body {
    background-color: #2c3730;
    color: #ffffff;
}
a, a:visited {
    color: #48dede;
}
*/

ul li img {
	vertical-align: middle;
}