body {
    background-color: rgb(245, 245, 245);
    margin: 0 auto;
    padding: 2rem 1rem 2rem 1rem;
    max-width: 800px;
    font-family: 'Gelasio', serif;
    font-size: 18px;
}

header hr {
    border: 1px solid rgb(173, 173, 173);
    margin-bottom: 1rem;
}

.book {
    margin: 2rem 0 2rem 0;
}

.book img {
    max-width: 220px;
    border: 1px solid darkgray;
}

@media only screen and (max-width: 600px) {
    .book img {
        max-width: 120px;
    }
}

.book h5 {
    font-weight: bold;
}

a,
a:visited,
a:hover {
    color: rgb(153, 42, 42);
    text-decoration: underline;
}

ul {
    list-style-type:square;
}

.bioimage {
    float: left;
    margin: 0 1rem 1rem 0;
    max-width: 25%;
}