:root {
	--color-blue-light: #5b9bd5;
	--color-blue-dark: #3465a4;
	--color-teal: #81aca6;
	--color-teal-grey: #bbd7d3;
}

body {
	font-family: Helvetica, Arial, Sans-Serif;
	margin: 8px;
	padding: 0px;
}
h1 {
	margin: 10px;
	padding: 10px;
	color: var(--color-blue-light);
	border-width: 0px 0px 1px 0px;
	border-style: solid;
	border-color: var(--color-blue-light);
}
h2 {
	margin: 50px 10px 5px 10px;
	padding: 10px;
	color: var(--color-blue-light);
}
h3, h4 {
	color: var(--color-blue-light);
}
p {
	margin: 5px 5px 5px 35px;
	padding: 5px 5px 5px 10px;
}
a:link {
	color: var(--color-blue-light);
	text-decoration: underline;
}
a:visited {
	color: var(--color-blue-dark);
	text-decoration: underline;
}
a:hover {
	color: var(--color-teal);
	text-decoration: underline;
}
a:active {
	color: var(--color-teal);
	text-decoration: underline;
}
.container-row {
	display: flex;
	flex-direction: row;
	justify-content: space-around;
	max-width: 800px;
}
.container-col {
	display: flex;
	flex-direction: column;
}
.photo {
	max-width: 250px; margin: 10px;
}
ul.arrow {
	list-style: none;
	margin: 5px 5px 5px 35px;
	padding: 5px 5px 5px 10px;
}
ul.arrow li::before {
	position: relative;
	content: '▶';
	color: var(--color-black);
	left: -10px;
}