body {
    background-color: white;
    color: black;
    font-family: sans-serif;    
    font-size:20px;
}
a {
    color: black;
}
.content {
    width: 560px;
    margin: auto;
}

.header {
    display: flex;
}
.header img {
    width: 48px;
    height: 60px;
}
.header .title {
    font-family: monospace;
    color: #ea303c;
    font-size:1.5em;
}
.header img {
    margin:0.2em 1em;   
}

.buttonbar {
    display: flex;    
    justify-content: space-between;
}
.buttonbar a {
    text-align:center;
    margin:.2em;
    padding:.2em;
    background-color:#008080;
    color: white;
    flex-grow: 1;
}

.worktitle {
    margin-top: 1em;
}

.workheader {
    display: flex;
    justify-content: space-between;
    margin-bottom: 1em;
}

h2, h3 {
    margin: .3em 0;   
}

pre {
    white-space: pre-wrap; /* CSS3 */
    white-space: -moz-pre-wrap; /* Mozilla, post millennium */
    white-space: -pre-wrap; /* Opera 4-6 */
    white-space: -o-pre-wrap; /* Opera 7 */
    word-wrap: break-word; /* Internet Explorer 5.5+ */
}