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

@import url('https://fonts.googleapis.com/css2?family=Goudy+Bookletter+1911&family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');


header {
	width: 960px;
	margin: 10px 0; position: relative;
	align-content: center}	
body {
	width: 960px;
	position: relative;
	align-content: center;}

#header-content {
	margin-left: 100px;
	margin-right: 40px;
}

nav {
	position: absolute;
	top: 120px; left: 500px; }

nav li {display: inline-block; padding:5px 30px;
		font-family: "Goudy Bookletter 1911", serif;
		color: #16325a; /* dark blue */
		text-align: center;}
a {
    color:  #16325a; /* dark blue */
    text-decoration: none;
}

a:hover {
    text-decoration:none; 
	padding: 10px 20px 10px 20px;
	color: #fff;
	background-color: #16325a; /* dark blue */
   
    cursor:pointer;  
}
#banner img {
	width: 100%;
	height: auto;}

h3 {font-family: "Goudy Bookletter 1911", serif;
	font-size: 24px;
	}

#color-bar {
	width: 100%;
	font-family: "Goudy Bookletter 1911", serif;
	color: #fff;
	background-color:#a32973; /* dark pink */ 
	padding: 20px; 
	text-align: center;
	font-size: 24px;}

#wrapper-white {
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	padding: 30px 100px 30px 0px;
	position: relative; 
}

section { 
	width: 580px;
	-ms-align-items: center;
	padding-left: 60px;
}

section h1 {
	font-family: "Goudy Bookletter 1911", serif;
	text-transform: uppercase;
	font-size: 36px;
	color: #a32973; /* dark pink */
	padding-top: 35px;
	padding-bottom: 15px;
	}

section p {
	line-height: 1.5;
	font-family: "Lato", sans-serif;
	font-size: 16px;
	padding-bottom: 20px;

}

.book-details { 
	border: 3px solid #16325a; /* dark blue */
	position: absolute; top: 0px; right: 10px; 
	margin-top: 40px;
	padding:10px 70px 20px 70px;
	align: top;
}

.book-details h2 { 
	font-family: "Goudy Bookletter 1911", serif;
	font-size: 18px;
	text-align: center; 
	color: #a32973; /* dark pink */
	padding: 5px;
}

#wrapper-shop {
	margin-left: auto;
	margin-right: auto;
	width: 960px;
	paading-top: 30px; 
	padding-bottom: 30px;
	background-color: #f4f3f0; /* tan */ 
	align-items: center;
	display: inline-block; position: relative;
	}
	
.shop-content {
	display: inline-block; position: relative; 
	text-align: center;
	 }


.shop-box {
 	float: left;
	width: 300px;
	padding: 10px;
  
}

.shop-box h3 { 
	padding: 15px; font-size: 28px;
	text-transform: uppercase;
	text-align: center; 
	color: #a32973; /* dark pink */
	
}

.shop-box p { 
	font-family: "Lato", sans-serif;
	font-size: 14px;
	line-height: 1.5;
	padding: 0px 15px 40px 15px;

}
.shop-box a {
	text-align: top; 
	margin: 5px;
	background: #a32973; /* dark pink */
	color: white;
	padding: 10px 20px 10px 20px;
}


#footer-content {
	margin-left: auto;
	margin-right: auto;
	padding: 30px 30px 30px 30px;
	background-color: #16325a; /* dark blue */
  	color: white;
	position: relative;  bottom: 0;	height: 130px;
	font-family: "Goudy Bookletter 1911", serif;
	line-height: 1.5;}

footer h3 {
	font-size: 14px;
	text-transform: uppercase;
}

footer p {
	font-size: 10px;;
	font-family: "Lato", sans-serif;
	padding-bottom: 20px;
}

#footer-left { 
	display: inline-block;
	position: relative; 
	flex: 50%;
	float: left;
	}
	
#footer-right {
	display: inline-block; 
	position: relative; 
	flex: 50% ;
	float: right;
	text-align: right;
}