@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
    src: local('Open Sans Regular'), local('OpenSans-Regular'), url("https://fonts.gstatic.com/s/opensans/v16/mem8YaGs126MiZpBA-UFVZ0b.woff2") format('woff2');
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
    src: local('Roboto'), local('Roboto-Regular'), url("https://fonts.gstatic.com/s/roboto/v19/KFOmCnqEu92Fr1Mu4mxK.woff2") format('woff2');
}

@page {
    size: A4;
}

body {
    background-color: #fff;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    display: flex;
    justify-content: center;
}

.btn-print {
    z-index: 2;
    position: absolute;
    right: 20px;
    top: 20px;
}

.resume {
    display: block;
    font-family: 'Roboto', sans-serif;
    font-size: 13.0736px;
    font-weight: 400;
    line-height: 1.5;
    min-height: 1090.41px;
}

.resume h1 {
    font-size: 2.86em;
    font-weight: 600;
    letter-spacing: -0.5px;
}

.resume h2 {
    font-size: 1.43em;
    font-weight: 600;
    line-height: 1;
    margin-bottom: 0;
}

.resume p {
    margin-bottom: 1em;
}

.resume p:last-child {
    margin-bottom: 0;
}

.resume ul {
    padding-left: 20px;
}

.resume .resume__header,
.resume .resume__section {
    font-family: 'Open Sans', sans-serif;
    font-size: 0.95em;
}

.resume .resume__header {
    padding: 4em 4em 0;
}

.resume .resume__header img {
    width: 120px;
    height: auto;
    z-index: 1;
    position: absolute;
    right: 80px;
    top: 60px;
    border-radius: 50%;
}

.resume .resume__section {
    margin-bottom: 2em;
}

.resume .resume__section:last-child {
    padding-bottom: 0;
}

.resume .resume__section-title {
    display: flex;
    align-items: center;
    margin-bottom: 1.43em;
}

.resume .resume__section-title>i {
    margin-right: 0.63em;
    font-size: 1.14em;
    background-color: #53595e;
    color: #fff;
    border: 0.25em solid #adb9c4;
    border-radius: 50%;
    width: 2.51em;
    height: 2.51em;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1.6;
}

.resume .resume__section-title>h2 {
    margin-top: 0;
    font-size: 1.5em;
}

.resume .resume__columns {
    overflow: hidden;
    padding: 4em;
    padding-top: 0;
}

.resume .resume__main {
    float: left;
    width: 75%;
    padding-right: 2em;
}

.resume .resume__side {
    float: left;
    width: 25%;
}

.resume .other-info p>b {
    color: #555;
}

.resume .info-item {
    margin-bottom: 0.2em;
    font-weight: 300;
}

.resume .info-item:last-child {
    margin-bottom: 0;
}

.resume .info-label {
    display: inline-block;
    padding-right: 0.63em;
    font-size: 1.14em;
    min-width: 2.19em;
    text-align: center;
}

.resume .info-label i {
    color: #53595e;
}

.resume .xp-item {
    margin-bottom: 2em;
}

.resume .xp-item:last-child {
    margin-bottom: 0;
}

.resume .xp-job {
    font-size: 1.14em;
    font-weight: 600;
    line-height: 1.25;
}

.resume .xp-job span,
.resume .xp-job small {
    font-weight: 400;
}

.resume .xp-job small {
    font-size: 0.9em;
}

.resume .xp-date {
    font-size: 0.8em;
    margin-top: 0.3em;
    margin-bottom: 1em;
    color: #53595e;
}

.resume .extra {
    margin-bottom: 1em;
}

.resume .extra__lang {
    margin-bottom: 0em;
}

.resume .extra:last-child {
    margin-bottom: 0;
}

.resume .extra-info small,
.resume__education small {
    color: #666;
    display: inline-block;
    font-size: 0.7em;
}

.resume .extra-details,
.resume .extra-details__progress {
    border-radius: 6px;
}

.resume .extra-details {
    margin-top: 0.5em;
    background-color: #d1d9e1;
    width: 100%;
    height: 5px;
    position: relative;
}

.resume .extra-details__progress {
    background-color: #53595e;
    height: 5px;
    position: absolute;
    top: 0;
    left: 0;
}

.resume .lang-item {
    margin-bottom: 2em;
}

.resume .lang-item:last-child {
    margin-bottom: 0;
}

.resume .lang-label {
    width: 8em;
}

@media print and (color) {
    * {
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
    }

    body {
        min-width: 99% !important;
        max-width: 99% !important;
    }

    .extra-info a {
        display: none !important;
    }

    .btn-print {
        display: none !important;
    }
}