@import url("/css/lato.css");

* {
	box-sizing: border-box;
	font-family: Lato, Arial, Helvetica, sans-serif;
}

body {
	font-family: Lato, Arial, Helvetica, sans-serif;
	font-size: 13px;
	max-width: 100vw;
	min-height: 100vh;
	padding: 30px;
	overflow-x: hidden;
}

main {
	margin: 0 auto;
}

section {
	background: #f7f7f7;
	padding: 2px 15px;
	margin: 40px 10px;
	border-radius: 10px;
}

h1 {
	margin: 20px auto;
	text-align: center;
}

blockquote {
	font-style: italic;
	background: #eee;
	padding: 2px 15px;
	margin: 10px;
	border-radius: 10px;
}

code {
	background: #666;
	padding: 2px 5px;
	border-radius: 5px;
	color: white;
	word-break: break-all;
}

/* sm */
@media (width >= 40rem) {
	main {
		width: 80vw;
	}
}

/* md */
@media (width >= 48rem) {
	main {
		width: 70vw;
	}
}

/* lg */
@media (width >= 64rem) {
	main {
		width: 50vw;
	}
}