body {
    margin: auto;
    max-width: 66rem;
    padding: 0 1rem;
    font-size: 1.3rem;
}

a:link, a:visited {
    text-decoration: none;
    color: blue;
}

a:hover, a:active {
    text-decoration: underline;
}

header {
    padding: 4rem 0;
    margin-bottom: 1rem;
}

h1 {
    font-size: 1.5rem;
}

h1:before {
    content: "▻ ";
}

h2 {
    font-size: 1.3rem;
}

h3 {
    font-size: 1.2rem;
}

nav a {
    margin-right: 1rem;
}

blockquote {
    background-color: #f5f5f5;
    padding: .3rem .3rem .3rem .6rem;
    margin-left: 0;
}

blockquote p {
    margin: 0;
}

@media (prefers-color-scheme: dark) {
	body {
		background-color: #222;
		color: #ddd;
	}

	a:link, a:visited {
		color: #7474f0;
	}
}