/* header and footer */
header {
	padding: 0;
}

footer {
	text-align: center;
}

#gallery {
	display: flex;
	justify-content: center;
	overflow: hidden;
}

#headerimg {
	float: right;
}

#headermain {
	padding: 1rem;
}

#headermain a {
	color: blue;
	text-decoration: none;
	text-transform: uppercase;
}

#headermain a:hover {
	text-decoration: underline;
}

#tagline {
	font-style: italic;
}

#badges {
	display: flex;
	flex-flow: wrap;
	justify-content: space-around;
}

.badge {
	image-rendering: pixelated;
}

nav ul,
footer ul {
	padding: 0;
}

nav ul li,
footer ul li {
	display: inline;
}

nav ul li + li::before,
footer ul li + li::before {
	content: " | ";
}