/*  Other styles for making things look pretty ==================== */

figure, body {
    margin: 0;
    padding: 0;
    line-height: 1.4;
}
body {
    font-family: Arial, Helvetica, sans-serif;
   
}
h1, h2, h3 {
    font-family: Georgia, 'Times New Roman', serif;
}
h1, #wrapper > figure > figcaption {
    text-align: center;
}
#wrapper > figure > figcaption {
    font-weight: bold;
    margin: 1em;
}





.main {
    width: 80%;
    margin: 2em auto;
    /*display: block;*/
}
pre {
    overflow:auto;
    width: 100%;
 
    padding: 1em;
}
@media screen and (min-width: 1200px) {
    .main {
        width: 50%;
    }
}