<html>
    <head>
        <meta charset="utf-8">
        <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
        {{#style}}
        <style>
            body {
                margin: 0;
                padding: 0;
                border-spacing: 0;
                border-collapse: collapse;
            }
            .resume {
                height: {{page_height}};
                width: {{page_width}};
                display: -webkit-box;
                -webkit-box-orient: vertical;
                -webkit-box-pack: justify;

                font-family: {{font_main}};
                font-weight: normal;
                font-size: {{font_size}};
                color: #333333;
                line-height: 200%;
                letter-spacing: normal;
                white-space: nowrap;
            }
            .resume i {
                color: #666666;
            }
            .heading {
                font-family: {{font_other}};
                font-weight: normal;
                font-size: 90%;
                color: #333333;
                line-height: 150%;
                letter-spacing: normal;
                text-align: center;
            }
            .heading > div > div {
                display: inline-block;
            }
            .name {
                color: {{name_color}};
                font-size: 140%;
                font-weight: bold;
            }
            .adjacent {
                margin-left: 12pt;
                color: #666666;
            }
            .line-one {
                margin-bottom: 4pt;
            }
            {{#heading_complex}}
            .heading {
                text-align: left;
            }
            .name {
                float: left;
            }
            .adjacent {
                float: left;
            }
            .top-side {
                float: right;
            }
            .primary {
                clear: both;
                width: 50%;
                float: left;
                white-space: normal;
            }
            .bottom-side {
                float: right;
            }
            .line-one {
                padding-bottom: 10pt;
                margin-bottom: 10pt;
            }
            {{/heading_complex}}
            .label-icon {
                display:inline-block;
                min-width: 24pt;
            }
            .label {
                font-size: 110%;
                line-height: 100%;
            }
            .block {
                margin-top: 12pt;
                margin-left: 24pt;
            }
            .section.group {
                line-height: 300%;
            }
            .activity-slug {
                margin-left: 24pt;
            }
            .job-date {
                display: inline-block;
                float: left;
                color: #666666;
            }
            .job-location {
                display: inline-block;
                float: right;
                color: #666666;
            }
            .job-description {
                clear: both;
            }
            .job-slug{
                margin-left: 24pt;
            }
            .contact {
                font-family: {{font_other}};
                font-weight: normal;
                font-size: 90%;
                color: #666666;
                display: -webkit-box;
                -webkit-box-orient: horizontal;
                -webkit-box-pack: justify;
            }
            a {
                text-decoration: none;
                color: inherit;
            }
        </style>
        {{/style}}
    </head>
    <body>
        <div class="resume">

        {{#heading}}{{>heading}}{{/heading}}

        {{#sections}}

        {{#skills}}{{>skills}}{{/skills}}
        {{#education}}{{>education}}{{/education}}
        {{#work}}{{>work}}{{/work}}
        {{#projects}}{{>projects}}{{/projects}}

        {{/sections}}

        {{>contacts}}
        </div>
    </body>
</html>
