@import "resume-1.less";
@header: #4B5B6E;
@background: #CCCCCC;
@darkgrey: #343444;
@briefcase: #F1F2DF;

body {
    background: @background;
    font-family: 'Open Sans', sans-serif;
    margin: 0;
    padding: 0;
    -webkit-print-color-adjust: exact;
    box-sizing: border-box;

    page {
        background: white;
        position: relative;
        width: 21cm;
        height: 297mm;
        display: block;
        page-break-after: auto;
        overflow: hidden;
    }

    .index-page {
        p {}

        header {
            background: @header;
            color: white;
            padding-top: 100px;
            padding-bottom: 100px;

            h1 {
                .fa {
                    color: @briefcase;
                    margin-bottom: 10px;
                    font-size: 70px;
                }
                width: 100%;
                text-align: center;
            }
        }

        main {
            padding-left: 5%;
            padding-right: 5%;

            p {
                font-size: 20px;
            }

            .resume-collection {
                a.resume {
                    img {
                        height: 300px;
                        width: auto;
                        box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
                        transition: all 0.3s cubic-bezier(.25,.8,.25,1);

                        &:hover {
                            box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
                        }
                    }
                }
            }
        }
    }
}
@media print {
    body,
    page {
        margin: 0;
        box-shadow: 0;
        width: 100%;
        height: 100%;
    }
}