/*
#EDEDED (cool gray)
#777798 (lavender)
#383880 (dark lavender)
#383860 (a little darker lav)
#06385F (aqua blue)
#0E0E67 (royal blue)
#000046 (deep deep deep blue)
#58271a (maroon brown)
#1a8773 (sea teal)
#0e4056 (dark aqua)
*/

@font-face {font-family: tropikana; src: url(tropikana.ttf);}
@font-face {font-family: tommy_soft_regular; src: url(tommy_soft_regular.otf);}


/* final */
#image-flex-container {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	padding: 10px;
	border: 2px dotted #777798;
	max-width: 95%;
	min-width: 95%;
	margin: auto;
	}
	
.books {
	width: 300px;
	}
	
h1 {
	font-size: 5em;
	text-align: center;
	color: #000040;
	font-family: tropikana;
	}
	
nav {
	font-size: 2em;
	text-align: center;
	font-family: tommy_soft_regular;
	}
	
div.anycenter {
	text-align: center;
	}

body {
	font-size: 1em;
	color: #0E0E67;
	background-color: #EDEDED;
	margin: 0;
	}

a {
	font-size: 1em;
	color: #000046;
	}

a:hover, a:focus {
	color: #383880;
	}
	
h2 {
font-size: 4em;
text-align: center;
font-family: tropikana;
color: #000040;
text-align: center;
}

footer {
	color: #383880;
	font-size: 1em;
	font-family: tommy_soft_regular;
	text-align: center;
	text-decoration: none;
	}

footer p {
	font-size: 1em;
	}
        
p {
	color: #383880;
	font-size: 1.5em;
	font-family: tommy_soft_regular;
	}
	
.spacing_images {
		margin: 10px;
		}
	
			
/* nav */
.topnav {
	background-color: #777798;
	overflow: hidden;
	font-family: tommy_soft_regular;
	}

.topnav a {
	padding: 14px 15px;
	float: left;
	text-decoration: none;
	}

.topnav a:hover {
	color: #383860;
	}
	
.topnav a.active {
	background-color: #383860;
	color: #EDEDED;
	}