:root {
	--background-color: #A8B8A8;
	--secondary-color: black;
	--highlight-color: lightgrey;
}

html{
	overflow-y: scroll;
}

body {
	background-color: var(--background-color);
	font-family: Cambria;
	margin: 10px;
	padding: 0;
}

/* links */
a {
	color: var(--secondary-color);
	text-decoration: none;
	transition: color 0.3s ease;
	text-decoration: underline;
}

a:hover {
	/* highlighting */
	background-color: var(--highlight-color);
	border-radius: 4px;
}

p{
	line-height: 1.5;
}

h1,
h2,
h3,
h4 {
	font-variant: small-caps;
}

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

header {
	border-bottom: 5px solid var(--secondary-color);
	border-radius: 5px;
}

footer{
	padding-top: 3rem;
	padding-bottom: 5rem;
}

.subsection{
	padding-left: 1.5em;
}

.image-center{
	display: block;
	margin-left: auto;
	margin-right: auto;
	padding: 2rem;
}

.list-link{
	margin-top: 5px;
	margin-bottom: 5px;
}

.list-title{
	margin-bottom:7px;
}