body {
    background-image: url('images/woolf.jpg');
    background-size: cover;
    font-family: "Crimson Text", serif;
    font-weight: 400;
    font-style: normal;
}

#ghost {
    text-align: center;
}

#ghost-img {
    max-height: 20vh;
}

#title {
    text-align: center;
    margin-top: 0px;
}

#text {
    font-size: large;

    display: block;
    max-width: 40em;
    margin-left: auto;
    margin-right: auto;
    background-color: rgba(250,250,250,0.9);
    padding-left: 24px;
    padding-right: 24px;
    padding-top:24pt;
    text-align: justify;
}

.initial {
    font-size:48pt;
    font-weight:bolder;
    line-height:0%;
}


.small-caps{
    font-variant: small-caps;
}

.cover {
    max-width: 90%;
}

.book-display {
    display: flex;
}

.book-display div{
    width: 50%;
}

@media screen and (max-width: 600px) {
    .book-display {
        flex-direction: column;
    }
    .book-display div {
        width: 100%;
    }
}

.book-description {
    text-align: left;
}

.book-description h3 {
    margin-top: 0px;
}

.book-description p{
    margin-top: 9px;
    margin-bottom: 9px;
}

.details {
    font-size: small;
    font-variant: small-caps;
}

#footer{
    font-size: small;
    text-align: center;
}