/* ---------- H O M E ------------- */

body.home{
 margin: 0;
  padding: 0;
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  -o-font-smoothing: antialiased;
  text-rendering: geometricPrecision; 

	background: rgb(243, 243, 243);
	font-size: 25px;
	color: #162438;
	font-family: "adelphe", serif;
}

body.home h1{
	text-transform: none;
	font-size: 3em;
	font-family: "compagnon", sans-serif;
	font-weight: bold;
	margin-bottom: 1rem;
}

body.home h2{
	font-style: italic;
}

body.home h2, h3, h4{
	margin:0;
	text-transform: none;
	font-size: 25px;
}

body.home a{
	text-decoration: none;
	color: currentColor;
}

body.home li{
	list-style: none;
}

body.home main{
	display: grid;
	grid-template-columns: repeat(2,minmax(0,1fr));
}

body.home main > section{
	padding: 10px 40px 20px 20px;
	min-height: 100vh;
}

body.home .left-col{
	background-color: #FF6CE3;
}

body.home .right-col > h2{
	margin-top: 2.3rem;
	border-bottom: 1px solid #000;
	padding: 10px;
}

body.home .right-col li{
	border-bottom: 1px solid #000;
	padding: 30px 10px;
}

body.home .right-col li h3{
	font-size: 1.5em;
}

body.home .right-col li .author{
	/*font-size: 0.8em;*/
	font-style: italic;
	margin: 0;
}

body.home .right-col li .books-list-btn{
	margin-top: 1em;
}

body.home .right-col li .books-list-btn a{
	border: 1px solid currentColor;
	padding: 5px 10px;
	border-radius: 10px;
}

body.home .right-col li .books-list-btn a:hover{
	background-color: #FF6CE3;
}

/* ---------- R E S P O N S I V E ------------- */

@media (max-width: 1024px) {
	body.home {
		font-size: 20px;
	}
}

@media (max-width: 768px) {
	body.home {
		font-size: 18px;
	}

	body.home h1 {
		font-size: 2.2em;
	}

	body.home main {
		grid-template-columns: 1fr;
	}

	body.home main > section {
		min-height: auto;
		padding: 20px;
	}

	body.home .right-col > h2 {
		margin-top: 1rem;
	}

	body.home .right-col li {
		padding: 20px 10px;
	}

	body.home .right-col li .books-list-btn {
		display: flex;
		flex-wrap: wrap;
		gap: 8px;
	}
}

@media (max-width: 480px) {
	body.home {
		font-size: 16px;
	}

	body.home h1 {
		font-size: 2em;
	}

	body.home .right-col li h3 {
		font-size: 1.3em;
	}
}