body {
    background-color: #000000;
    background-image: url('/assets/img/bg.gif');
    color: #ffffff;
    font-family: sans-serif, sans-serif;
    margin: 0;
}

table {
    border: 1px solid orange;
    border-spacing: 0;
}

th {
    background-color: black;
}

td, th {
    border: 1px solid orange;
}

.container {
    margin: 4px auto;
    background-color: black;
    color: white;
    max-width: 840px;
    border: 8px orange ridge;
    padding: 1em;
}

.header-img {
    display: block;
    max-width: 100%;
    margin-bottom: 0.5em;
}

a {
    color: orange;
    text-decoration: none;
}

pre {
    background-color: darkgray;
    padding: 8px;
    border: 1px orange dashed;
    overflow-x: auto;
}

p > code {
    background: darkgray;
    padding: 1px;
    border-radius: 4px;
    border: 1px orange solid;
}

pre, code {
    font: 1rem monospace, monospace;
}

img {
    max-width: min(600px, 100%);
    max-height: 500px;
}

hr {
    border: 4px orange outset;
}

h1 {
    font-size: 30px;
    text-decoration: underline;
}

.header > h1 {
    font-size: 1.5em;
    text-decoration: none;
}

.warning, .danger {
    padding: 4px;
    border: 1px solid #eff0f1;
    border-radius: 5px;
}

.warning {
    background-color: #fdbc4b;
    color: #232629;
}

.danger {
    background-color: #da4453;
}

.mb5 {
    margin-block: 0.5em;
}

.mb5 > span {
    display: inline-block;
}

.icon {
    height: 1em;
    vertical-align: sub;
}

.emblems {
    text-align: center;
}

.header-links {
    text-align: center;
}