:root {
    --color_1            : #555555;
    --color_2            : inherit;
    --font_family_1      : "Helvetica Neue", Helvetica, Arial, sans-serif;
    --font_family_2      : FontAwesome;
    --background_color_1 : #f1f1f1;
}

@font-face {
    font-family : "FontAwesome";
    font-weight : normal;
    font-style  : normal;
    src         : url("https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.eot?v=4.3.0");
    src         : url("https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.eot?#iefix&v=4.3.0") format("embedded-opentype"), url("https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.woff2?v=4.3.0") format("woff2"), url("https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.woff?v=4.3.0") format("woff"), url("https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.ttf?v=4.3.0") format("truetype"), url("https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular") format("svg");
}

html {
    font-size        : 3vw;
    font-family      : var(--font_family_1);
    background-color : var(--background_color_1);
    color            : var(--color_1);

    body {
        h1, h2, h3, h4, h5, h6 {
            margin : 0.5rem 0;
        }

        .post-container {
            padding : 2rem;

            .post-title {
                font-size    : 2rem;
                position     : relative;
                padding-left : 0;
            }

            .post-title a,
            .post-title a:visited,
            .post-title a:hover,
            .post-title a:focus,
            .post-title a:active {
                color : inherit;
            }

            .post-title::before {
                content         : "\f0da";
                font-family     : FontAwesome;
                font-style      : normal;
                font-weight     : normal;
                text-decoration : inherit;
                position        : absolute;
                left            : -1rem; /* hang into the margin */
                top             : 50%;
                transform       : translateY(-50%);
                font-size       : 1em;
                line-height     : 1;
            }

            p {
                margin : 0;
            }
        }
    }
}

@media (min-width : 768px) {
    html {
        font-size : 23.04px;
    }

    body {
        .post-container {
            max-width : 659.844px;
            padding   : 0;
            margin    : 0 auto;
        }
    }
}