body {
font-family: monospace;
background-color: #202020;
}

.mainframe { /* it's not made by IBM, but it still sounds cool */
width: 90%;
max-width: 60em;
border: .1em solid #D0D0D0;
padding: 1em;
margin: 1em auto;
overflow: visible;
background-color: black;
color: #D0D0D0;
}

a {
color: #30B030;
font-style: inherit;
text-decoration: inherit;
}

em {
color: #F04040;
font-style: inherit;
text-decoration: inherit;
font-weight: inherit;
}

h1, h2, h3 {
color: #5050F0;
text-align: center;
}

h1 {
font-size: 170%;
font-weight: 700;
}

h2 {
font-size: 150%;
font-weight: inherit;
}

h3 {
font-size: 120%;
font-weight: 700;
}

img {
max-width: 100%;
height: auto;
}

.console {
margin-left: 1em;
margin-right: 1em;
color: #FFD0D0;
background-color: #501010;
}

.source-inline {
color: #FFD0D0;
background-color: #501010;
}

.source {
border: .1em solid #D0D0D0;
border-radius: .5em;
padding: .5em;
color: #FFD0D0;
background-color: #402020;
}

.licensebox {
color: #D0D0D0;
text-align: center;
}