@charset "UTF-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:opsz,wght@9..40,200;9..40,400;9..40,600;9..40,1000&family=Goudy+Bookletter+1911&family=Lato:wght@300&display=swap');

h1 { text-transform: uppercase; 
font-size: 36px; color: #a32973;}
h2 { 
font-size: 28px; color: #a32973;text-align: center;}
h3 { font-size: 28px; color: #a32973;}
h1, h2, h3 { font-family: 'DM Sans', sans-serif;
font-family: 'Goudy Bookletter 1911', serif;font-weight: 100;}
p { font-size: 16px;font-family: 'Lato', sans-serif;}

nav {
position: absolute; top: 115px; right: 150px;
}

nav li{ 
display: inline-block;
	padding:5px 40px;
}

#header-content {  width: 900px; margin: auto;}

#banner {width:1600px; }

#color-bar { height: 75px; background-color: #a32973; 
text-align: center; color: #FFFFFF; margin: auto;}

#color-bar h3 {color:#FFFFFF; padding-top: 20px}

#wrapper-white { width:960px; margin-left:auto;margin-right: auto; margin-top: 15px; align-content: center; }
section { width: 580px; margin-right: 20px; float: left;margin-top: 70px}
aside {width: 300px; border: 3px solid #16325a;margin-top: 70px}

section,aside { display: inline-block;}
section p { margin: 10px; font-size: 16px}

.book-details {  width: 330px; height: 300px; align-content: center; text-align: center; padding-top: 40px;}

#wrapper-shop { background-color: #f4f3f0; margin:30px auto;}
#shop-content {margin: 10px auto; width:960px; padding: 20px;}
.shop-box { display: inline-block; width: 300px; margin:5px;text-align: center;}
 .shop-box a { text-align: center; padding: 8px 10px; color: #FFFFFF;text-decoration: none; background-color: #a32973;font-size:14px;}
.shop-box p { font-size: 14px; margin: 15px;}
.shop-box h3 { text-transform: uppercase; margin-top:10px;}
nav a{ text-decoration: none; padding: 10px; color: #000000; background-color: #FFFFFF;}
nav a:hover { background-color: #16325a; color: #FFFFFF;}

footer { background-color: #16325a; color: #FFFFFF; height: 150px;}
#footer-content{width: 960px; margin: 10px auto; }
footer h3 { color: #FFFFFF; font-size: 16px;}
footer p { opacity: 70%; font-size: 16px; margin: 10px 0;}
#footer-left, #footer-right { border: 1px solid black;margin:20px 0;  width:40%;}
#footer-right { float: right; text-align: right;}
#footer-left { float: left;}