* { box-sizing: border-box; }

@font-face {
	font-family: fancypants;
	src: url("../fonts/fancypants.ttf");
}

body {
	background-color: #cd7e47;
	background-image: url("images/flowers.jpg");
	color: mistyrose;
	font-family: Times, "Times New Roman", serif;
	margin: 50px auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	justify-items: center;
	border-top: 5px #faebd7 dotted;
	border-bottom: 5px #faebd7 dotted;
}

#ind {
	text-align: center;
}

main {
	width: 100%;
	background-color: #502e39;
	padding: 10px 20px;
}

#nav {
	padding: 10px 0;
	background-color: mistyrose;
	text-align: center;
	border: 4px #502e16 double;
	border-radius: 15px;
}

h1 {
	margin: 15px 0px 0px 0px;
	padding: 0;
	color: #faebd7;
	text-align: center;
	letter-spacing: 1px;
	font-family: fancypants;
}

h3 {
	color: #ffba66;
}

h1, h2, h3, #mainlist, #home {
	font-family: fancypants;
}

ul li a {
	font-family: Times, "Times New Roman", serif;
	color: #faebd7;
}


a {
	color: #ff8c00;
	text-decoration: none;
}
a:hover {
	color: peachpuff;
}
a:active {
	color: peachpuff;
}

ul {
	padding: 0;
	color: #ff9966;
	list-style-type: none;
}

ul li {
	margin: 0 0 10px 0;
}

ul li b {
	color: #faebd7;
}
ul li b a {
	color: #ff9966;
}

.mainlist {
	margin: 0 auto;
	text-align: center;
	width: 75%;
}

.mainlist ul {
	margin: 0;
}

.mainlist ul li {
	list-style-type: none;
}

hr {
	margin: 25px 0;
	border: none;
	border-top: 5px peachpuff dotted;
}

.ind, #sources, #home {
	text-align: center;
}

#sources {
	margin: 0 auto;
	padding: 0 0 15px 0;
	width: 80%;
	color: #faebd7;
	font-style: italic;
	font-size: 0.8em;
}

#home {
	margin: 0 0 25px 0;
}


@media screen and (min-width: 600px) {

body {
	width: 600px;
	margin: 100px auto;
	border: 5px #faebd7 dotted;
}