/*Import Fonts*/
@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@500&display=swap');


/****************************************************/
/***********************  BODY  *********************/
/****************************************************/
body{
	padding: 0;
	margin: 0;
	background-color: lightgoldenrodyellow;
	display: grid;
	/*makes a grid consisting of 1 column where 
	  every child of "body" gets its own row*/
	grid-template-columns: auto; 
}

/****************************************************/
/******************  2 - BANNER   *******************/
/****************************************************/

.banner{
	height: 35vw;
	width: 100%;
}

/****************************************************/
/******************  3 - ARTCILE   ******************/
/****************************************************/

article{
	background-color: white;
	border: solid transparent;
}

h1{
	margin: 30px;
}

p{
	margin: 20px;
	margin-left: 30px;
	font-size: 20px;
}

blockquote{
	/* font-size/line-height font-weight font-family & backup font-family */
	font: 14px/22px normal helvetica, sans-serif; 
	margin-top: 10px;
	margin-bottom: 0px;
	margin-left: 50px;
	padding-left: 15px;
	border-left: 3px solid #ccc;
}

/****************************************************/
/*******************  4 - FIGURE   ******************/
/****************************************************/

figure{
	text-align: center;
	/*top, right, bottom, left*/
    margin: 60px 0px 30px 0px;
}


.bookCover{
	height: auto;
	width: 35vw;
	cursor: pointer;
}