html {
	/* html */
	font-size: 1.2em;
	font-family: Arial, Verdana, sans-serif;
}

body {
	width: 100%;
	color: purple
}

a, a:visited, a:active {
	font-size: 135%
}

header, main, footer {
	margin: 0 auto;
	padding: 20px;
	max-width: 800px;
}

main {
	margin: 20px auto 0;
	background: #FEFFDB;
	border-radius: 20px
}

ul {
	list-style-type: circle;
	list-style-position: inside;
	padding-inline-start: 20px
}

ul.horizontal {
	list-style: none;
}

ul.horizontal li {
	display: inline-block;
	margin-right: 20px;
	line-height: 2;
}

ul.horizontal li a {
	border-radius: 5px;
	background: #eee;
	color:#333;
	padding:5px;
}

ul.horizontal li a:hover {
	background: #ddd;
	color: #111;
}

ul.horizontal li:last-of-type {
	margin: 0;
}

.small {
	font-size: 75%;
}

li {
	margin: 8px 0;
	word-break: break-word;
}

b, strong {
	font-weight: 700
}

@media (max-width: 900px) {
	html {
		background: #FEFFDB
	}
	main {
		margin: 0 auto;
		border-radius: 0
	}
}