    /*
     * CSS Syntax Highlight Sample File (Standard)
     *
     * This file contains most CSS syntax, CSS3 properties, @media, @font-face and
     * @keyframes annotations.
     *
     * @author  Guo Yunhe guoyunhebrave@gmail.com
     * @date    2016-09-16
     */

    /*
     * Block comment
     *
     * Alert keywords:
     * TODO BUG FIXME
     */

    @charset "UTF-8";

    @import url("components/button.css");

    /* Properties */

    html, body {
        font-family: "Droid Sans", Arial, sans-serif;
        font-size: 11pt;
        line-height: 1.5em;
        max-width: calc(100% - 300px);
        background: #fff000;
        text-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
        box-sizing: border-box;
    }

    /* Selectors */

    blockquote {
        margin: 0;
    }

    header #logo {
        width: 100px;
    }

    div#footer .link {
        color: blue;
    }

    sidebar #subscribe .subscribe_form input[type="text"] {
        font-size: 20px;
    }

    sidebar #subscribe .subscribe_form:nth-child(2n + 1):hover input[class*="small-"] {
        font-weight: bold;
    }

    /* Media Queries */

    @media print {
        .container {
            width: 100%;
        }
    }

    @media screen and (min-width: 768px) {
        .container {
            width: 600px;
        }
    }

    @media screen and (min-width: 768px) and (max-width: 960px) {
        .container {
            width: 720px;
        }
    }

    /* Fontface */

    @font-face {
        font-family: MyHelvetica;
        src: local("Helvetica Neue Bold"),
            local("HelveticaNeue-Bold"),
            url(MgOpenModernaBold.ttf);
        font-weight: bold;
    }

    /* Animation (Keyframes) */

    @keyframes slidein {
        from {
            margin-left: 100%;
            width: 300%;
        }

        to {
            margin-left: 0%;
            width: 100%;
        }
    }

    /* Region markers */

    /*BEGIN Comment */

    /*END Comment */