:root {
	--bg-color: #fefee2;
	--fg-color: #000000;
	--hl-color1: #2f1b0c;
	--hl-color2: #370028;
	--link-color1: #2e006c;
	--link-color2: #2c007a;
}

* {
	margin: 0;
	box-sizing: border-box;
	font-family: sans-serif;
	color: var(--fg-color);
}

a {
	color: var(--link-color1);
}

a:hover {
	color: var(--link-color2);
}

h1, h2, h3, h3, h5, h6 {
	color: var(--hl-color1);
}

h1:hover, h2:hover, h3:hover, h3:hover, h5:hover, h6:hover {
	color: var(--hl-color2);
}

body {
	height: 100%;
	padding: 15px;
	width: 60%;
	margin: auto;
	background-color: var(--bg-color);
}

header h1 {
	margin: 60px;
	text-align: center;
}

article h1, article h2, article h3, article h4, article h5, article h6 {
	margin-bottom: 35px;
	padding-left: 35px;
}

article {
	padding: 15px;
}

article p {
	margin-bottom: 20px;
}

.articles {
	line-height: 3em;
	margin: 60px;
}