html, body {
height: 100%;
}
body {
margin: 0;
background: midnightblue;
color: #111;
font-size: 1rem;
font-family: Arial, Helvetica, sans-serif;
line-height: 1.75;
}
h1 {
margin-top: .5rem;
margin-bottom: .5rem;
}
a {
color: blue;
}
.container {
margin: auto;
max-width: 37rem;
background: #fff;
padding: 1rem;
}
img {
display: block;
max-width: 100%;
max-height: 10rem;
height: auto;
}
table {
border-collapse: collapse;
width: 100%;
}
td, th {
text-align: left;
padding: 8px;
}
tr:nth-child(even) {
background: #eee;
}
@media (max-width: 39rem) {
.container {
min-height: 100%;
}
}
pre, code {
font-family: "DejaVu Sans Mono", Consolas, monospace;
background: #111;
color: #fff;
padding: .5rem;
max-width: 100%;
display: block;
overflow-x: auto;
overflow-y: hidden;
}