body {
    background-color: #3b6043;
    color: #ddd;
    font: normal normal normal 11pt/1.6em "Menlo", "Dejavu Sans Mono", "Bitstream Vera Sans Mono", "Panic Sans", "Droid Sans Mono", monospace;
    line-height: 1.8;
    margin: 0;
    animation: bgtetrad 15s linear infinite alternate;
    -webkit-animation: bgtetrad 15s linear infinite alternate;
}

@keyframes bgtetrad {
    0%   { background-color: #3b6043; }
    25%  { background-color: #3b5860; }
    50%  { background-color: #603b58; }
    75%  { background-color: #60433b; }
}

@-webkit-keyframes bgtetrad {
    0%   { background-color: #3b6043; }
    25%  { background-color: #3b5860; }
    50%  { background-color: #603b58; }
    75%  { background-color: #60433b; }
}

#content {
    min-width: 30ex;
    max-width: 90ex;
    margin: 1em 0.8em;
}

a {
    color: #FFFAFA;
    text-decoration-color: #FFFAFA88;
    text-underline-offset: 30%;
    text-decoration-thickness: 10%;
}

ul {
    list-style-type: square;
    padding-left: 1em;
}

h1, h2, h3, h4, h5 {
    color: white;
    font-size: inherit;
    font-weight: bold;
    margin: 1em 0 0 0;
}

hr {
    margin: 1ex 0 1ex 0;
    border: 1px solid #999;
}

pre {
    margin-left: 2em;
    font: inherit;
}

code {
    font: inherit;
    color: #cceeaa;
    margin-left: 0;
}