body {
	background: #F4F1E5;
	font-family: sans-serif;
	margin: 0;
	padding: 0;
}
h1,
h2,
h3 {
	font-family: serif;
}
header,
footer {
	background: #C9A267;
	text-align: center;
	color: #FFF;
	padding: 0.1em;
}
nav {
	background: #003366;
	display: flex;
	justify-content: space-around;
	padding: 0.3em;
}
nav a,
footer a {
	color: #FFF;
	text-decoration: none;
	font-weight: bold;
}
nav a:hover,
footer a:hover {
	color: #FFEFD5;
}

nav a:active,
footer a:active {
	color: #B8A991;
}

.content {
	padding: 1em;
	text-align: center;
}
.content h1 {
	color: #C9A267;
}
.card {
	background-color: #FFF;
	border: 2px solid #C9A267;
	padding: 1em;
	margin: 0.5em 0.5em 3em;
	border-radius: 10px;
}

@media (min-width: 55em) {
	nav {
		padding: 0.3em 20%;
	}
	.content {
		padding: 1em 20%;
	}
}