:root {
	--main-bg-color: #CFEDF2;
	--secondary-bg-color: #b1e0e9;
	--main-p-color: #006144;
	--main-p-font: 1em "Comic Sans MS", "Comic Sans", sans-serif;
	--main-footer-font: 1em "Comic Sans MS", "Comic Sans", sans-serif;
	--main-h1-color: #000000;
	--main-h1-font: 2.25em "Times New Roman", serif;
	--main-h2-color: #571b1b;
	--main-h2-font: 1.75em "Times New Roman", serif;
	--main-a-link-color: #8a9be6;
	--main-a-visited-color: #7063be;
	--main-a-hover-color: #107F61;
}

body {
	width: 90%;
	margin: auto;
	background-color: var(--main-bg-color);
}


h1 {
	color: var(--main-h1-color);
	font: var(--main-h1-font);
	margin: auto;
	text-align: center;
}

h2 {
	color: var(--main-h2-color);
	font: var(--main-h2-font);
	margin: auto;
	text-align: center;
}

p {
	color: var(--main-p-color);
	font: var(--main-p-font);
}

.content{
	margin: auto;
}

.description{
	margin: auto;
	width: 70%;
}

.image-group {
	margin: auto;
	overflow: hidden;
	text-align: center;
}

.single-image {
	padding: 1em 1em 0;
	margin: auto 0.5em 1em;
	display: inline-block;
}

.full-image {
	padding: 0;
	margin: auto 0em 0em;
	display: inline-block;
}

.secondary-background {
	background-color: var(--secondary-bg-color);
}

.left {
	float: left;
	clear: both;
}

.right {
	float: right;
	clear: both;
}

.center {
	text-align: justify;
	text-align-last: center;
}

footer{
	color: var(--main-p-color);
	font: var(--main-footer-font);
	margin: auto;
	text-align: center;
	width: 70%;
}

/*Links*/

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

a:visited {
	color: var(--main-a-visited-color);
}

a:hover {
	color: var(--main-a-hover-color);
}

.no-underline{
	text-decoration: none;
}