<h1>Take a Look at these Books!</h1>
    <div class="highlights-wrapper">
        <div class="book-highlights">
            <div class="book book1">
                <img src="https://drive.google.com/uc?id=17R4dCJrMaZb7ThEzjPsm1K16lC8vaYHF" alt="1984" class="img1">
                <div class="summary">
                    <h2>1984</h2>
                    <p>Author: George Orwell</p>
                    <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Nesciunt, nisi. Lorem, ipsum dolor sit amet consectetur adipisicing elit. Repudiandae fugiat eaque in vel animi laboriosam.</p>
                    <a href="#">Read more...</a>
                </div>
            </div>
            <div class="book book2">
                <img src="https://drive.google.com/uc?id=1gqpaLJWaG90rFmnxB_ulrz9BGnfXj4px" alt="American Psycho" class="img2">
                <div class="summary">
                    <h2>American Psycho</h2>
                    <p>Author: Bret Easton Ellis</p>
                    <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Nesciunt, nisi. Lorem, ipsum dolor sit amet consectetur adipisicing elit. Repudiandae fugiat eaque in vel animi laboriosam.</p>
                    <a href="#">Read more...</a>
                </div>
            </div>
        </div>
        <h2 class="week-highlights">This Week's Highlights</h2>
    </div>
    <div class="regular-books">
        <div class="book book3">
            <img src="https://drive.google.com/uc?id=1Wfh7viHcjDXmIgoFjplzHJI2I6XQV71W" alt="A Clockwork Orange" class="img3">
            <div class="summary">
                <h2>A Clockwork Orange</h2>
                <p>Author: Antjony Burgess</p>
                <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Nesciunt, nisi.</p>
                <a href="#">Read more...</a>
            </div>
        </div>
        <div class="book book4">
            <img src="https://drive.google.com/uc?id=1JLJ3lBjH6xJ94Kz5XjaYjEQ4QYOgW3dK" alt="You Only Live Twice" class="img4">
            <div class="summary">
                <h2>You Only Live Twice</h2>
                <p>Author: Ian Fleming</p>
                <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Nesciunt, nisi.</p>
                <a href="#">Read more...</a>
            </div>
        </div>
        <div class="book book5">
            <img src="https://drive.google.com/uc?id=18vCje7Rj0iYM2GKalD1z46nJNMTPpWce" alt="The Stranger" class="img5">
            <div class="summary">
                <h2>The Stranger</h2>
                <p>Author: Albert Camus</p>
                <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Nesciunt, nisi.</p>
                <a href="#">Read more...</a>
            </div>
        </div>
        <div class="book book6">
            <img src="https://drive.google.com/uc?id=1nAME3WKTSILBufC9XsKhKXI6pbK1agVk" alt="The Great Gatsby" class="img6">
            <div class="summary">
                <h2>The Great Gatsby</h2>
                <p>Author: F. Scott Fitzgerald</p>
                <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Nesciunt, nisi.</p>
                <a href="#">Read more...</a>
            </div>
        </div>
        <div class="book book7">
            <img src="https://drive.google.com/uc?id=1vlidePIgBb00T2SOWDk3lwmlbm5JKZZ1" alt="South of the Border, West of the Sun" class="img7">
            <div class="summary">
                <h2>South of the Border, West of the Sun</h2>
                <p>Author: Haruki Murakami</p>
                <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Nesciunt, nisi.</p>
                <a href="#">Read more...</a>
            </div>
        </div>
        <div class="book book8">
            <img src="https://drive.google.com/uc?id=1GToJWvpmzyasI4QZcdi26hrqBuZi_E-D" alt="Flowers in the Attic" class="img8">
            <div class="summary">
                <h2>Flowers in the Attic</h2>
                <p>Author: V.C. Andrews</p>
                <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Nesciunt, nisi.</p>
                <a href="#">Read more...</a>
            </div>
        </div>
        <div class="book book9">
            <img src="https://drive.google.com/uc?id=1gmbh04x8Bimvx484qiDEmb9m9yX_yrfv" alt="The Godfather" class="img9">
            <div class="summary">
                <h2>The Godfather</h2>
                <p>Author: Mario Puzo</p>
                <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Nesciunt, nisi.</p>
                <a href="#">Read more...</a>
            </div>
        </div>
        <div class="book book10">
            <img src="https://drive.google.com/uc?id=1LlFz0vmbz7GVD1UuMUdu-f7wEYtp7Z3C" alt="In Cold Blood" class="img10">
            <div class="summary">
                <h2>In Cold Blood</h2>
                <p>Author: Truman Capote</p>
                <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Nesciunt, nisi.</p>
                <a href="#">Read more...</a>
            </div>
        </div>
        <div class="book book11">
            <img src="https://drive.google.com/uc?id=1UPEnNzD434JHwS3MgqBQXwF7zarJckMV" alt="Brave New World" class="img11">
            <div class="summary">
                <h2>Brave New World</h2>
                <p>Author: Aldous Huxley</p>
                <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Nesciunt, nisi.</p>
                <a href="#">Read more...</a>
            </div>
        </div>
        <div class="book book12">
            <img src="https://drive.google.com/uc?id=1CCWC3eJY2fMmz5pkUsm-qh4NaTAY1KiF" alt="Invisible Man" class="img12">
            <div class="summary">
                <h2>Invisible Man</h2>
                <p>Author: Ralph Ellison</p>
                <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Nesciunt, nisi.</p>
                <a href="#">Read more...</a>
            </div>
        </div>
        <div class="book book13">
            <img src="https://drive.google.com/uc?id=1lT4mhkHI9Bu6WqpEp2ZpjCXApoLtWAvm" alt="The Double and the Gambler" class="img13">
            <div class="summary">
                <h2>The Double and the Gambler</h2>
                <p>Author: Fyodor Dostoevsky</p>
                <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Nesciunt, nisi.</p>
                <a href="#">Read more...</a>
            </div>
        </div>
        <div class="book book14">
            <img src="https://drive.google.com/uc?id=1_ieJt32oIKhVUaki6sL3VBpKsygtNJkr" alt="Amerika" class="img14">
            <div class="summary">
                <h2>Amerika</h2>
                <p>Author: Franz Kafka</p>
                <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Nesciunt, nisi.</p>
                <a href="#">Read more...</a>
            </div>
        </div>
    </div>    

/* GLOBAL STYLES */

* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

body {
background-color: #597bde;
margin: 1.5em 0 2.5em;
color: #202020;
font-family: 'EB Garamond', serif;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Oswald', sans-serif;
    margin: 0.5em auto;
}

a {
    text-decoration: none;
    display: block;
    margin-top: 1.5em;
    color: #140f2d;
}

p {
    font-size: 1.15em;
}

/* GRID STYLES */

.book-highlights {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    grid-gap: 2em;
    margin: 1.5em 2.5em;
}

.book-highlights .book {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    align-items: center;
    justify-items: center; 
}

.regular-books {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    grid-gap: 1.5em;
    margin: 2em 2.5em 0;
}

/* OTHER STYLES */

h1,
.week-highlights {
    background-color: #ffe4ab;
    text-align: center;
    padding: 0.5em 0;
    box-shadow: 3px 3px 5px #000;
}

.highlights-wrapper {
    background-color: #9fbbcc;
    padding: 2em 0;
}

.book {
    box-shadow: 5px 5px 5px #000;
    background-color: #ffe4ab;
    padding: 1em 0.5em;
}

.book img {
     width: 200px;
     height: 300px;
 }

.summary {
    width: 75%;
    margin: auto;
}

.summary > p:first-of-type {
    margin-bottom: 1em;
}

.regular-books .book img {
    display: block;
    margin: 0 auto 2em;
}