body {
    font-family: "Fira Sans","Helvetica Neue",Helvetica,Calibri,Verdana,sans-serif;
    margin: 40px auto;
    padding: 1em;
    max-width: 44em;
    line-height: 1.6;
    font-size: 14pt;
    color: #444;
    background-color: #fff;
}

h1 { text-align: center; }
h1 img { max-width: 1.5em; height: auto; }

img { max-width: 100%; }

a { color: #0d98ba; }
a:hover { color: #0c7090; }
a:visited { color: #0a5070; }

:focus {
    outline: 4px solid #2da02c;
    outline-offset: 4px
}

tt, pre, code, kbd, textarea {
    font-family: "Fira Mono", Inconsolata, monospace;
    background: #f0f0f0;
    font-size: 90%;
    padding: 1em;
    border-radius: 3px;
    border: 1px solid #ddd;
}

span.filename {
    color: #2da02c;
}