/* CSS Document */
* {
	font-family: Arial, Helvetica, Verdana, sans-serif
}

body::before {
	opacity: 0.6;
	position: absolute;
	background-size: cover;
	background-image: url("lingonberry-pancakes-1.jpg");
	background-repeat: no-repeat;
	content: "";
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	z-index: -1;

}

body {
	margin: 0;
	padding: 0;
	width: 100%;
	height: auto;

}

.content {
	width: 60%;
	margin: auto;
	background-color: #66D3FA;
	padding: 5px;
	border: 2px solid #132257;
}

.content div {
	clear: left;
	border: 2px solid #132257;
	margin: 5px;
	padding: 5px;
}

.section {
	background-color: #D5F3FE;
}

.section h2 {
	padding-top: .4rem;
	margin-bottom: .8rem;
}

.section div {
	clear: left;
}

.sectionname a {
	font-weight: bold;
	text-decoration: none;
	color: inherit;
}

#nav {
	text-align: right;
}

#nav li {
	padding: 3px 8px;
	background-color: #AFDBF5;
	border: 2px solid #132257;
	min-width: 50px;
	text-align: center;
}

#menu div.menuitem {
	background-color: #AFDBF5;
	border: 2px solid #132257;
}

.menuname {
	font-weight: bold;
}

.menudesc {
	font-style: italic;
}

.horizontal-list {
	display: flex;
	list-style-type: none;
	padding: 0;
	margin: 0;
	gap: 20px;
}

.horizontal-list li a {
	text-decoration: none;
	color: inherit;
}

#where ul {
	margin: 0;
	padding: 0;
}

#where li {
	background-image: url("pancakes.png");
	background-repeat: no-repeat;
	top: 0;
	left: 0;
	padding-left: 43px;
	padding-top: 5px;
	padding-bottom: 3px;

}

#footer p {
	margin: 0;
	font-style: italic;
	font-size: x-small;
}