html { 
	border-top: 6px dotted darkseagreen;
	margin: 1rem 0 0 0;
}
body {
	background: #eee;
	color: darkslategrey;
	font-family: Georgia, serif;
	padding: calc(3vw - 0.5rem) 3vw;
	margin: 0 auto;
	max-width: 35rem;
}
h1 {
	background: darkseagreen;
	color:white;
	padding: 0.5rem;
	margin: 1rem 0;
	border-bottom: 2px dotted #eee;
	letter-spacing: 1px;
	text-align: center;
	border-radius: 10px 10px 0 0;
	line-height: 1;
	text-wrap: balance;
}
h2, h3 { 
	color: darkseagreen;
	margin: 1rem 0;
}
p, ul, pre {
	margin: 1rem 0.5rem;
}
a { color: #0e72c5; }
a:visited { color: teal; }
a:hover, a:focus {
	background: #fff;
	outline: 1px dotted;
	outline-offset: 1px;
}
a:active {
	color: inherit;
}
a:has(img) { display: inline-block; }
table {
	width: 100%;
	border: 2px white dotted;
}
th, td {
	border: 1px dotted;
	padding: 5px 10px;
}
::selection { color: black; background: lemonchiffon; }
.center { text-align: center; }