html,body {
	width: 100%;
	min-height: 100%;
	padding: 0;
	margin: 0;
}

body {
	font-family: sans-serif;
	hyphens: auto;
	text-align: justify;
}

pre {
	padding: 1em 0.5em;
	overflow-x: scroll;
	max-width: 100%;
}

pre,code {
	font-family: monospace;
	background: #f7f7f7;
	hyphens: none;
	text-align: start;
}

article {
	max-width: 960px;
	margin: auto;
}

@media (max-width: 1000px) {
	article {
		max-width: 100%;
		padding: 0 1em;
		margin: 0;
	}
}