body {
    color: black;
    background-color: #d6d6d6;
    font-family: Calibri, sans-serif;
}

a { color: black; }

a:hover {
    text-decoration: none;
}

.quote {
    background-color: #fccb51;
    border: 7px solid darkorange;
    border-radius: 15px;
    padding: 1.5em 2em;
    margin: 2em auto;
    max-width: 500px;
}

.quote .author {
    text-align: right;
}

.quote .author .work_name {
    font-style: italic;
}

.permalink {
    font-size: 0.8em;
    text-align: right;
}

.hidden_details {
    /* hidden, and then toggled, from Javascript. */
    border: 1px solid transparent;
    /* without this invisible border there is a jump at the end of the
       animation. */
    padding-top: -1em;
}

.tag_link {
    font-weight: bold;
    text-decoration: none;
}