/* Sticky-footer layout: body fills the viewport so the footer sits at the
   bottom on short pages, and the page content takes up the extra space. */
html {
	height: 100%;
}

body {
	background-color: #fff;
	display: flex;
	flex-direction: column;
	min-height: 100vh;
}

.shadow:hover {
	-webkit-filter: drop-shadow(5px 5px 5px #222);
	filter: drop-shadow(5px 5px 5px #222);
}

#myshadow:hover {
	-webkit-filter: drop-shadow(5px 5px 5px #222);
	filter: drop-shadow(5px 5px 5px #222);
}

.navbar {
	border-radius: 5px;
}

/* Page/section subtitle text — slightly larger than the default body size. */
.subtitle {
	font-size: 18px;
}

/* Shared site footer — identical on every page, pinned to the bottom. */
.site-footer {
	margin-top: auto;
	padding: 12px 15px;
	text-align: center;
	border-top: 1px solid #ddd;
	font-size: 13px;
	color: #777;
}

.site-footer p {
	margin: 4px 0;
}

.site-footer a {
	margin: 0 5px;
}