@charset "utf-8";
/* CSS Document */

* {
	box-sizing:border-box;
}

body {
	background-color:dodgerblue;
}

#container {
	width:90%;
	background-color:white;
	font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
	margin:auto;
	border: 2px solid black;
}

header {
	width:100%;
}

h1{
	font-family:Constantia, "Lucida Bright", "DejaVu Serif", Georgia, "serif";
	color:mediumblue;
	text-align:center;
	background-color:lightskyblue;	
	width:100%;
	padding:20px;
}

h3 {
	color:mediumblue;
	text-align:center;
}

img {
	padding:4px;
	border: 1px solid black;
	margin:4px;
}
.p::first-letter {
	color: orangered;
	font-size:xx-large
	}

nav {
	background-color:burlywood; 
	color:brown;
	font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
	font-weight: normal;
	}

nav ul {
	list-style-type:none;
	width:100%;
	padding-top:10px;
	margin:auto;
	}

nav ul li {
	display:inline-block;
	text-align:center;
	font-size:large;
	}

nav a:link {
	color:saddlebrown;
	text-decoration:none;
	}

nav a:visited {
	color:aliceblue;
	text-decoration:none;
	}

nav a:hover {
	color:midnightblue;
	text-decoration:underline;
	}

a:link{
	color:saddlebrown;
	text-decoration:none;
	}

a:visited {
	color:firebrick;
	text-decoration:none;
	}

a:hover{
	color:darkblue;
	
	}

footer {
	padding:10px;
	margin:10px;
	
}

figcaption {
	font-size:small;
}
header img {
	margin:0;
	padding:0;
	border:0;
}


/*----------------FLEX----------------*/
.flex_nav {
	display:flex;
	justify-content:space-around;
	align-content:center;
	
}.flex_footer {
	display:flex;
	flex-direction:row;
	justify-content:space-between;
}