body {
	width: 100vw;
	height: 100vh;
	height: 100lvh;
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
	background-position: center center;
	padding-bottom: 5em;
}

header {
	background-color: rgba(255,255,255, 0.5);
}

main#content {
	margin: 0;
	padding: 0;
	background-color: transparent;
}

#logo {
   position: relative;
}

#logo img {
   position: absolute;
   top: -2.5em;
   right: 1em;
}

@media all and (max-width: 900px) {
   #logo {
     display: none;
   }
}

span.member {
	padding: 0.5em 1em;
	background-color: rgba(255,255,255, 0.8);
}

.searchWrapper {
	display: flex;
	flex-wrap: wrap;
	gap: 2em;

	padding: 1em 1em 0.5em;
}

.searchWrapper form {
	width: 22em;
	max-width: 100%;
}

.widgetWrapper {
	padding-inline: 1em;
}

.widget {
	background-color: rgba(255,255,255, 0.8);
}

.widget.photoOfTheDay .photographer {
	color: #333;
	font-size: 95%;
}

footer {
	background-color: rgba(0,0,0, 0.5);
}

.copyright {
	color: white;
	text-shadow: 0 0 1px black;
}