pre.terminal_command
{
    margin-left: 30px;
    border: 2px solid green;
    margin-bottom: 20px;
    margin-top: 20px;
    padding: 5px;
    border-radius: 5px;
    font-family: monospace;
    display: inline-block;
}

img.centred {
    display: block;
    margin-left: auto;
    margin-right: auto;
    border-radius: 5px; }

div.image-resize-to-fit {
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    text-align: center;
}

img.within-div-image-resize-to-fit {
    max-width: 99%;
    max-height: 99%;
}

body {
    font: 300 15px/1.5 "Helvetica Neue", helvetica, arial, sans-serif;
    margin: 10px;
}

article { 
    background-color: #D2CDC8;
    margin: 0 auto ;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    color: #363636;
    border-radius: 5px;
    box-shadow: 0 0 15px 2px #666;
}


h1 {
    font-size: 45px;
    font-weight: 100;
    letter-spacing: 15px;
    text-align: center;
    padding: 5px;
}

h4 {
    text-decoration: underline;
}

.source_code_in_text {
   font-family: monospace;
}

div.warstory{  
display: block;
font-weight: bold;
text-shadow: 1px 1px 0px rgba(128, 128, 128, 0.25);
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
border-radius: 10px 10px 10px 10px;
background-color: #E0E0E0;
padding: 1em;

 /*
    padding: 10px;
    margin: auto;
    text-align: left;
    border:2px solid grey;
    border-radius: 5px;
*/
}

.previous {
    text-align: left;
float: left;
}

.next {
    text-align: right;
float: right;
}

strong {
    font-weight: bold;
}