body {
	background-color: #E6DAF9;
	font-family: "Trebuchet MS", Verdana, Geneva, Arial, sans-serif;
	font-size: 12pt;
	color: #3f264f;
	letter-spacing: 1px;
}


.header { width: 100%; 
	margin-top: 25px;
}

.logo {
    width: 25%;
}


.container {
	background-color: #ffffff;
	width: 90%;
	margin: auto;
	border-radius: 25px;
}

.content {padding: 25px;
}

.author { width: 10%;
}

.button {
	font-size: 11px;
	color: #ffffff;
	line-height: 13px;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: 1.5px;
	background-color: #7C459E;
	border: 1px solid #7C459E;
	border-radius: 30px;
	display: inline-block;
	padding: 10px 25px;
	cursor: pointer
}

.button:hover {
	background-color: #C8025E;
	border-color: #C8025E
	color: #ffffff;
}


a:link { color:#C8025E; text-decoration: underline;  font-weight: bold; letter-spacing: 2px; }
a:visited { color:#C8025E; text-decoration: underline;  font-weight: bold; letter-spacing: 2px;}
a:hover { color:#7C459E; text-decoration: underline;  font-weight: bold; letter-spacing: 2px;}

a.button:link { color: #ffffff; text-decoration: none; font-weight: normal;}
a.button:visited { color: #ffffff; text-decoration: none; font-weight: normal;}
a.button:hover { color: #ffffff; text-decoration: underline; font-weight: normal;}


h1 {
	color: #C8025E;
	border-bottom: 1px solid #D2B7FC;
	font-weight: normal;
	font-family: "Trebuchet MS", Verdana, Geneva, Arial, sans-serif;
	font-size: 18pt;
	font-style: italic;
	text-align: center;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-top: 0px;
}


h2 {
	color: #C8025E;
	font-weight: normal;
	font-family: "Trebuchet MS", Verdana, Geneva, Arial, sans-serif;
	font-size: 18pt;
	font-style: italic;
	text-align: center;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	margin-top: 0px;
}

h3 {
	color: #7C459E;
	font-weight: normal;
	font-family: "Trebuchet MS", Verdana, Geneva, Arial, sans-serif;
	font-size: 18pt;
	font-style: italic;
}

blockquote { 
	background-color:#f6f1fd;
	color: #3f264f;
	padding: 10px;
	margin-left: 100px;
	margin-right: 100px;  
	border-left: 10px solid #E6DAF9;
	line-height: 18px;}

p, ul, li {line-height: 25px;
	text-align: justify;
	padding-left: 15px;}

.flex-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.book {
  width: 30%; /* Adjust based on gutter space you want */
  margin: 1%; /* Provides space between books */
}

.book-page { width: 25%;
}

@media (max-width: 600px) {
  .book {
    width: 100%; /* Each book takes full width on mobile */
  }

    .logo {
        width: 90%;
    }

    .author { 
	width: 45%;
    }

	.book-page { 
	width: 100%;
	clear: both;
	margin: auto;
	padding-bottom: 10px;
}

.button { 
clear: both;
margin: 5px;
}

.content {padding-left: 15px;
}

blockquote { 
	margin-left: 10px;
	margin-right: 10px;  
}

}