@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');

#wrapper {width:90%; margin-left:auto; margin-right:auto;}
#header-content {width: 70%; margin-left:auto; margin-right:auto; display: flex;}

nav {margin-top:100px;}
nav ul {list-style:none; margin-left:60px;}
nav ul li {display:inline-block; padding-left:60px;}
nav ul li a {text-decoration: none; color:#16325a; font-weight: bold;}
nav ul li a:hover {background-color: #16325a; color: white; padding:10px;}
#color-bar {background-color: #a32973; padding: 20px 0px; margin:0px;}
#color-bar h3 {color: white; text-align: center; font-family: "Goudy Bookletter 1911", serif; font-size: 20px; }
#banner img {width:100%; margin:0px; display:block;}
#wrapper-white {width: 70%; margin-left:auto; margin-right:auto; display: flex; margin-top:60px; }

section h1 { font-family: "Goudy Bookletter 1911", serif; text-transform:uppercase; font-size: 24px; color: #a32973; font-weight: bold; margin-bottom:10px; }
section {width: 55%; margin-right:30px;}
section p {line-height: 1.2; padding-right:10px; font-family: "Lato", serif;} 

aside.book-details {border:3px solid black; padding:20px 50px;}
aside.book-details h2 {font-family: "Goudy Bookletter 1911", serif; font-size: 24px; color: #a32973; font-weight: bold; margin-bottom:10px; width:100%;}
aside.book-details img {display:block; margin-right:auto; margin-left:auto; }

#wrapper-shop {background-color: #f4f3f0; margin-top:50px;}
#wrapper-shop #shop-content {display: flex; padding: 50px; }
#wrapper-shop #shop-content .shop-box {width:33%; margin-left:auto; margin-right:auto; }
#wrapper-shop #shop-content .shop-box img {display:block; margin-right:auto; margin-left:auto;}
#wrapper-shop #shop-content .shop-box h3 {color: #a32973; text-transform:uppercase; font-family: "Goudy Bookletter 1911", serif; font-size: 24px; text-align: center; margin:5px 0; }
#wrapper-shop #shop-content .shop-box p{text-align: center; width:90%; margin-right:auto; margin-left:auto;  font-family: "Lato", serif; line-height: 1.5;}
#wrapper-shop #shop-content .shop-box a {background-color:#a32973; color: white; text-align: center; text-decoration: none; padding:10px; width:40%; display:block; margin-right:auto; margin-left:auto; margin-top:20px;}
footer { background-color: #16325a; color: #fff;}
#footer-content {width:80%; margin-left:auto; margin-right:auto; display:flex; line-height: 1.4; padding:15px 0;}
#footer-content #footer-left {width:50%; margin-right:auto; margin-left:auto;}
#footer-content #footer-right {width:50%; margin-right:auto; margin-left:auto; text-align: right;}
.uppercase {text-transform:uppercase;}
#footer-content h3 {font-size:24px;}

.goudy-bookletter-1911-regular {
  font-family: "Goudy Bookletter 1911", serif;
  font-weight: 400;
  font-style: normal;
}
.lato-thin {
  font-family: "Lato", serif;
  font-weight: 100;
  font-style: normal;
}

.lato-light {
  font-family: "Lato", serif;
  font-weight: 300;
  font-style: normal;
}

.lato-regular {
  font-family: "Lato", serif;
  font-weight: 400;
  font-style: normal;
}

.lato-bold {
  font-family: "Lato", serif;
  font-weight: 700;
  font-style: normal;
}

.lato-black {
  font-family: "Lato", serif;
  font-weight: 900;
  font-style: normal;
}

.lato-thin-italic {
  font-family: "Lato", serif;
  font-weight: 100;
  font-style: italic;
}

.lato-light-italic {
  font-family: "Lato", serif;
  font-weight: 300;
  font-style: italic;
}

.lato-regular-italic {
  font-family: "Lato", serif;
  font-weight: 400;
  font-style: italic;
}

.lato-bold-italic {
  font-family: "Lato", serif;
  font-weight: 700;
  font-style: italic;
}

.lato-black-italic {
  font-family: "Lato", serif;
  font-weight: 900;
  font-style: italic;
}