body { background-color: #fff; max-width: 30em; margin: 0em auto; padding: 0 1em; }

h1,h2,h3,h4,h5,h6 {
	text-align: center ;
}

header {
	text-align: center ;
	font-family: "Fira Sans",sans ;
	padding-bottom: 15pt ;
}
header h1 {
	font-size: 30pt ;
	margin-bottom: 0 ;
}
header h2 {
	margin-top: 0 ;
	font-style: italic ;
	padding: .5em ;
}

h1 { color: chocolate ; }
h2 { color: sandybrown ; }
h3 { color: tan ; }
h4 { color: wheat ; }
h5, h6 { color: cornsilk ; }

strong {
	color: wheat ;
}

a {
	color: #33bbff ;
	text-decoration: none ;
}

@media ( pointer: coarse ) {
li {
	padding-bottom: .5em ;
}
}

dt {
	font-weight: bold ;
}
body {
	background: #1b1b1b ;
	color: #fff ;
	margin-bottom: 200px ;
	font-family: "Garamond", Georgia, serif, 'Noto Color Emoji', 'Apple Color Emoji', 'Segoe UI Emoji';
}

aside {
	font-style: italic;
	font-size: small ;
	color: #ddd ;
}

main {
	max-width: 800px ;
	margin: auto ;
}