html, body {
    font-size: 1rem;
    height:    100%;
    margin:    0;
    padding:   0;
    width:     100%;
}

body > .index {
    padding: 1rem;
}

body > .library {
    padding: 3rem 5%;
}

body > .library_item {

}

    body > .library_item > .header {
        background: black;
        color:      white;
        padding:    .75rem 1rem;
    }

        body > .library_item > .header > a,
        body > .library_item > .header > a:hover,
        body > .library_item > .header > a:visited {
            color: inherit;
            font-size: 1rem;
            text-decoration: none;
        }

    body > .library_item object {
        height: 80vh;
        width:  100%;
    }

    body > .library_item > .info {
        padding: 3rem 5rem;
    }

    body > .library_item > details {
        padding: 0rem 5rem 3rem 5rem;
    }

body > .mimi_and_eunice_strip {
    padding: 1rem;
}

    body > .mimi_and_eunice_strip > img {
        width: 100%
    }

/* manpages */
.manpages {
    padding: 1rem;
}

    .manpages > .path {
        margin-bottom: 2rem;
    }

    .manpages > .manpage {
        font-family: monospace;
        max-width: 80ch;
    }

        .manpages > .manpage > table.head {
            width: 100%;
        }

        .manpages > .manpage td.head-ltitle {
            text-align: left;
        }

        .manpages > .manpage td.head-vol {
            text-align: center;
        }

        .manpages > .manpage td.head-rtitle {
            text-align: right;
        }

body > .articles {
    font-family: sans-serif;
    padding: 1rem;
}

    body > .articles > .path {
        margin-bottom: 1rem;
    }