body {
	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
		'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
	color: #000;

	/* Fix for fonts appearing too thick on OS X:; */
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
	-moz-osx-font-smoothing: grayscale;

	margin: 0;
	padding: 0;

	min-height: 100vh;

	line-height: 1.5;

	font-size: 18px;
}

h1,
h2,
h3,
h4,
li {
	margin: 20px 0 0;
	padding: 0;
	font-weight: normal;
}

p {
	margin-block-start: 0.5em;
}

/* Remove mystery 3 px margin under images: https://stackoverflow.com/questions/10844205/html-5-strange-img-always-adds-3px-margin-at-bottom; */
img {
	display: block
}

a {
	text-decoration: none;
	color: #000;
}

a:hover {
	text-decoration: underline;
}


/* apply a natural box layout model to all elements, but allowing components to change */
/* http://www.paulirish.com/2012/box-sizing-border-box-ftw/ */
html {
	box-sizing: border-box;
}

*, *:before, *:after {
	box-sizing: inherit;
}