a, body, h1, h2, h3, html, li, p, span, strong, u, ul {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    vertical-align: baseline
}

body {
    font-family: Consolas, monaco, monospace;
    font-size: 130%;
    line-height: 1.4;
    margin: 3% 5%;
    max-width: 50em;
    background: #303030;
    color: #c1c1c1;
}

ul {
    list-style-type: none;
    margin-left: 1rem;
}

ul>li:before {
    content: "-";
    position: absolute;
    margin-left: -1.1rem;
}

a {
    text-decoration: none;
    color: #00cccc
}

p {
    margin-bottom: .75rem
}

h1,
h2,
h3 {
    line-height: 100%;
    margin-top: 2rem;
    margin-bottom: 1rem;
    color: #d66388;
}

h1:before {
    content: "# ";
    content: "# "/ "";
}

h1:after {
    content: "-----";
    content: "-----"/ "";
    display: block;
}

h2:before {
    content: "## ";
    content: "## "/ "";
}

h3:before {
    content: "### ";
    content: "### "/ "";
}

strong {
    font-weight: 700;
}

strong:before {
    content: "**";
    content: "**"/ "";
}

strong:after {
    content: "**";
    content: "**"/ "";
}

strong {
    color: #d66388
}

code {
    font-family: Consolas, monaco, monospace;
    color: cornflowerblue;
}