body {
    background-color: #223;
    color: #fab;
    margin: 2em auto;
    padding: 10px;
    font-family: Helvetica, sans-serif;
    line-height: 1.5;
    max-width: 70ch;
}
h1,
h3 {
    color: #f79;
    font-weight: normal;
}
a {
    color: #8ce;
    text-decoration: none;
}
pre,
code {
    color: #d96;
}
img {
    margin: 0.5em;
}

input,
select {
    background: transparent;
    border: none;
    border-bottom: 1px solid #d96;
    outline: none;
    font-family: monospace;
    font-size: inherit;
    font-weight: inherit;
    color: #d96;
    line-height: inherit;
    padding: 0;
    margin: 0;
}

button {
    background: unset;
    border: 1px solid #a98;
    border-radius: 4px;
    color: #a98;
    cursor: pointer;
    font-size: 120%;
}

.hidden {
    display: none;
}

.fr {
    float: right;
}