/* header and footer */
header {
	display: flex;
	align-items: center;
	min-width: min-content;
}

footer {
	text-align: center;
}

#headerimg {
	border-right: 3px solid black;
	width: 128px;
	background-image: url("/images/watching.jpg");
	flex: initial;
	align-self: stretch;
}

#headermain {
	text-align: center;
	flex: auto;
}

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

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

#headermain nav {
	font-size: x-large;
}

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: " | ";
}