@media only screen {
    body {
        margin: 0 auto;
        border: 0;
        padding: 1em;
        max-width: 55em;
        color: #ccc;
        background: #333;
        font-family: "Liberation Sans", sans-serif;
    }

    section {
        margin: 0 1em;
    }

    h1 {
        color: #eee;
        border-bottom: 1px solid #f70;
    }

    a {
        color: #f70;
        text-decoration: underline;
    }

    img {
        max-width: 75%;
    }

    footer {
        font-weight: bold;
        text-align: center;
    }

    li.collapsed::marker {
        content: "► ";
    }

    li.collapsed div {
        display: none;
    }

    li.expanded::marker {
        content: "▼ ";
    }

    .photo {
        text-align: center;
    }
}