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

@import url('https://fonts.googleapis.com/css2?family=Goudy+Bookletter+1911&display=swap');

h1, h2, h3, p {
	font-family: 'Goudy Bookletter 1911', serif;
}

header {
	align: center;
	margin-left: auto;
	margin-right: auto;
}

.header-content {
	width: 960px;
	align-content: center;
	margin: auto;
}

nav {
	position: absolute;
	top: 75px;
	float: right;
	display: inline;
	padding: 20px;
}

nav, li {
	display: inline;
	padding: 35px;
}

nav a:hover {
	color: white;
	background-color: #16325a;
	}

.banner {
	background-image: url("images/home-banner.jpg");
	background-size: 100%;
	align-content: center;
}

#color-bar {
	width: 100%;
	padding: 5px;
	background-color: #a32973;
	color: #fff;
	text-align: center;
	align-content: center;
}

#wrapper-white {
	align: center;
	width: 580px;
	margin: auto;
	column-count: 2;
	column-gap: 50px;
	display: inline-flex;
	align-items: center;
}

#wrapper-white h1 {
	font-size: 36px;
}

#wrapper-white p {
	font-size: 16px;
}

.book-details {
	width: 300px;
	border: 3px solid #16325a;
	margin: auto;
	align-content: center;
	text-align: center;
	padding-left: 50px;
	padding-right: 50px;
	padding-bottom: 40px;
}

#wrapper-shop {
	width: 960px;
	background-color: #f4f3f0;
	align-content: center;
	columns: 3 300px;
	display: inline-block;
	text-align: center;
	margin: auto;
	padding: 45px;
}

.wrapper-shop h1 {
	font-size: 28px;
}

.wrapper-shop p {
	font-size: 16px;
	text-align: center;
}

footer {
	width: 100%;
	background-color: #16325a;
	color: #fff;
	columns: 2;
	display: inline-block;
	align-content: center;
	margin: auto;
	text-align: center;
}

.footer-content {
	width: 960px;
}

footer p {
	font-size: 16px;
	color: #fff;
	opacity: 70%;
}
 

#footer-left {
	text-align: left;
	margin-left: 100px;
}

#footer-right {
	text-align: right;
	margin-right: 100px;
}