body {
    background-color: #4a262d;
    color: white;
}

/* Homepage Styles */
h1, h2, h3 {
    text-align: center;
}

/* removes default padding */
nav ul {
    padding: 0;
}

.navbar {
    list-style: none;
    text-align: center;
}

.navbar li {
    margin: auto 5px;
    display: inline;
}

.no-decoration {
    color: white;
    text-decoration: none;
}

.no-decoration:hover {
    color: #84868A;
}

.shelf {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    padding: 10px;
    max-width: 1040px; /* Consider whether this value can be calculated as a variable based on width of .book-cover and gap of .shelf, instead of being hard-coded */
    margin: auto auto;
}

.recently-read {
    flex-direction: row-reverse;
    justify-content: left;
}

.book-cover {
    width: 200px;
    height: 335px;
    object-fit: cover;
}

.book-cover:hover,.book-cover-wide:hover {
    box-shadow: 0 0 15px #9e3446;
}

.book-cover-wide {
    width: 200px;
    height: 335px;
    object-fit: contain;
}

.miscellaneous {
    margin-bottom: 50px;
}

/* Review Styles */
.review {
    width: 40%;
    margin-left: 10%;
}

.review-title {
    text-align: left;
}

.review-subheading {
    text-align: left;
}

.extract {
    padding: 0 2em;
    font-style: italic;
}

/* Reading Project Styles */
/* #projects-container {
    border: 2px solid white;
} */

.project {
    margin: 0 auto 100px;
    width: 80%;
}

.project-books-and-qs {
    display: flex;
    justify-content: center;
}

.stacked-book {
    position: relative;
    width: 200px;
    height: 335px;
    object-fit: cover;
    z-index: 1;
}

.stacked-book:hover {
    z-index: 2;
    box-shadow: 0 0 100px #000;
}

/* American History Project Styles */
#atkinson2 {
    right: 40px;
}
#de-tocqueville {
    right: 80px;
}
#zinn {
    right: 120px;
}
#immerwahr {
    right: 160px;
}

/* Left-Right Brain Project Styles */
#mcgilchrist {
    right: 40px;
}