html {
    color: #d1d1d1;
    background-color: #323232;
    font-family: Calibri, Verdana, sans-serif;
    font-size: .85em;
}
html, body {
    padding: 0;
    margin: 0;
}
body {
    padding-bottom: 2.6em;
}
h1, h2 {
    font-family: "Arial Narrow", Helvetica;
    text-transform: uppercase;
}
a {
    color: #dcc08e;
    text-decoration: none;
}
a:hover {
    color: #e7e7e7;
    opacity: .8;
}
img.emoji {
    max-width: 1.2em;
    max-height: 1em;
}
header {
    font-size: .87em;
    margin: 0;
    padding: .5em;
    padding-top: 1em;
    background-color: #000;
    text-transform: uppercase;
    position: sticky;
    top: 0;
    z-index: 1;
    box-shadow: 0 1px 1.8em rgba( 0, 0, 0, .9 );
}
header h1 {
    margin: 0;
    padding: 0;
    text-align: center;
    font-family: "Arial Black", Impact;
}
header a {
    color: #FFF;
    line-height: 2em;
    vertical-align: top;
    display: inline-flex;
}
header a:hover {
    color: #FFF;
}
header svg {
    height: 2em;
    margin: 0 .3em;
}
main {
    padding: 0 3em 2em;
    margin: 0 auto;
    max-width: 1024px;
}
main > blockquote {
    margin: 1em 1.5em;
    padding: 1px 0 .2em 1em;
    border-left: 4px solid #666;
}
article {
    box-sizing: border-box;
    color: #2C2C2C;
    background-color: #FFF;
    padding: 1em 1.3em;
    margin: 2em 0;
    border-radius: 1em;
    box-shadow: 2px 2px 3px #333;
    word-wrap: break-word;
}
article a, article a:hover {
    color: #9a1d0d;
}
article h2 {
    margin: 0;
}
p.download {
    text-align: center;
    text-transform: uppercase;
    font-size: .94em;
}
p.download a {
    margin: 0 1em;
}
p.download a:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    margin-top: -3px;
    margin-right: .3em;
    width: 1em;
    height: 1em;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url(/img/ic_get_app_black_24px.svg);
}
p.download a.listen:before {
    position: relative;
    background-image: url(/img/ic_play_circle_outline_black_24px.svg);
}
p.download small {
    vertical-align: top;
    position: relative;
    top: 1px;
    opacity: .8;
    padding-left: .3em;
}
hr {
    display: none;
}
a.anchor {
    display: block;
    position: relative;
    top: -6em;
    visibility: hidden;
}

@media ( max-width: 400px ) {
    main {
        padding: 0 1em 4em;
    }
    p.download a {
        margin: 0 0.3em;
    }
}