html {
	font:large/1.5 monospace;
}
@media screen {
	body {
		max-width:650px;
		margin:40px auto;
		padding:0 10px;
		color:white;
		background-color:#444;
	}
	h1,
	h2,
	h3 {
		font-size:1.17em;
		line-height:1.2
	}
	pre {
		font:small monospace;
		overflow-x:auto;
		padding:10px;
		margin-right: 10px;
		border-radius:20px;
		background-color:#282a36;
		color:#f8f8f2
	}
	p>code, li>code {
		padding:3px;
		border-radius:6px;
		background-color:#282a36;
		color:#f8f8f2
	}
	footer {
		text-align: center
	}
	a:link {
		color:#5bf
	}
	a:visited {
		color:#ccf
	}
	small, small>a:link {
		color:#bbb
	}
}
@media screen and (-ms-high-contrast: active) {
	a:focus {
		outline:3px solid
	}
}
@media screen and (-ms-high-contrast: black-on-white) {
	body {
		color:black;
		background-color:white
	}
	a:link {
		color:blue
	}
	a:visited {
		color:purple
	}
}
@media screen and (-ms-high-contrast: white-on-black) {
	body {
		color:white;
		background-color:black
	}
	a:link {
		color:yellow
	}
	a:active {
		color:orange
	}
	a:visited {
		color:pink
	}
}