@media only screen {
    body {
        margin: 0 auto;
        border: 0;
        padding: 1em;
        max-width: 55em;
        color: #eee;
    	background-color: #808080;
    	background-image: url("/media/backgroundreno.jpg");
    	background-repeat: no-repeat;
    	background-size: cover;
    	background-position: center top;
    	background-attachment: scroll;
    	height: 100vh;
    	font-size: 20px;
        font-family: "Liberation Sans", sans-serif;
    }

    section {
        margin: 0 1em;
    }

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

    a {
        color: #eee;
        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;
    }
}