<commit_before>$black: #2b3a42;
$blue: #3f5765;
$light-blue: #bdd4de;
$white: #efefef;
$red: #ff530d;
$body-bg-color: $black;
$body-font-color: $white;
$section-border-color: $blue;
$h1-font-color: $blue;
$h1-border-color: $h1-font-color;
$h2-font-color: $light-blue;

html {
    font-size: 16pt;
}
body {
    background-color: $body-bg-color;
    color: $body-font-color;
    font-family: 'Roboto', sans-serif;
    font-weight: 100;
    padding: 0;
    margin: 0;
}
section {
    border: solid 1px $section-border-color;
    border-radius: 8px;
    padding: .5em;
    margin: 1em;
    margin-bottom: 0;
    h1 {
        color: $h1-font-color;
        font-family: 'Oswald', sans-serif;
        font-size: 1.75em;
        font-weight: 700;
    }
    h2 {
        color: $h2-font-color;
        font-size: 1.25em;
        margin-left: 1em;
    }
    a {
        color: $body-font-color;
        text-decoration: none;
        &:hover {
            color: $red;
        }
    }
    &:not(#personal-details) {
        h1 {
            border-bottom: solid 2px $h1-border-color;
        }
    }
    &#personal-details {
        border: none;
        h1 {
            font-size: 2em;
            margin-top: 0;
            text-align: center;
        }
        img {
            border: solid 4px $white;
            display: inline-block;
            height: 192px;
            margin: 0;
            padding: 0;
            vertical-align: top;
            width: 192px;
        }
        ul {
            display: inline-block;
            list-style-type: none;
            padding: 0;
            margin: 0;
            li {
                margin-bottom: .5em;
                i {
                    margin: 0 1em;
                }
                &:last-child {
                    margin: 0;
                }
            }
        }
    }
    &#education {
        ul {
            list-style-type: none;
            padding: 0;
            li {
                margin-bottom: 1em;
                .year {
                    float: left;
                }
                .school {
                    padding: .25em;
                    clear: both;
                    font-size: smaller;
                }
                .grade {
                    float: right;
                }
            }
        }
    }
    &#employments {
        ul {
            list-style-type: none;
            padding: 0;
            li {
                margin-bottom: 1em;
                .period {
                    float: left;
                }
                .resume {
                    padding: .5em;
                    clear: both;
                    font-size: smaller;
                }
                .employer {
                    float: right;
                }
            }
        }
    }
    &#interests {
        ul li {
            &:not(:last-of-type):after {
                content: ',';
            }
            &:last-of-type:after {
                content: '.';
            }
        }
    }
    &#skills {
        ul {
            list-style-type: none;
            padding: 0;
            .skill {
                display: inline;
                &:not(:last-of-type):after {
                    content: ', ';
                }
                &:last-of-type:after {
                    content: '.';
                }
            }
        }
    }
}
.left, .right {
    position: absolute;
    width: 50%;
    section {
        margin: 1em;
        &:last_child {
            margin-bottom: 0;
        }
    }
}
.left {
    left: 0;
    width: 60%;
    section {
        margin-right: .5em;
    }
}
.right {
    left: 60%;
    width: 40%;
    section {
        margin-left: .5em;
    }
}

@media print {
    html {
        font-size: 10pt;
    }
    body {
        color: black;
        font-family: sans-serif;
    }
    a {
        color: black;
        &:hover {
            color: black;
        }
    }
    section {
        &#personal-details {
            img {
                border: solid 1px #ddd;
                height: 96px;
                padding: 3px;
                width: 96px;
            }
            ul {
                li {
                    margin-bottom: .25em;
                }
            }
        }
        &:last-child {
            margin-bottom: 0;
        }
    }
}
<commit_msg>Use of variables to easily customize style.<commit_after>$black: #2b3a42;
$blue: #3f5765;
$light-blue: #bdd4de;
$white: #efefef;
$red: #ff530d;
$body-bg-color: $black;
$body-font-color: $white;

$section-border-color: $blue;
$section-header-border-color: $section-border-color;
$section-header-border-thickness: 2px;

$h1-font-color: $blue;
$h1-border-color: $h1-font-color;
$h2-font-color: $light-blue;

$personal-picture-border-color: $white;
$personal-picture-border-thickness: 4px;

html {
    font-size: 16pt;
}
body {
    background-color: $body-bg-color;
    color: $body-font-color;
    font-family: 'Roboto', sans-serif;
    font-weight: 100;
    margin: 0;
}
section {
    border: solid 1px $section-border-color;
    border-radius: 8px;
    padding: .5em;
    margin: 1em;
    margin-bottom: 0;
    h1 {
        color: $h1-font-color;
        font-family: 'Oswald', sans-serif;
        font-size: 1.75em;
        font-weight: 700;
    }
    h2 {
        color: $h2-font-color;
        font-size: 1.25em;
        margin-left: 1em;
    }
    a {
        color: $body-font-color;
        text-decoration: none;
        &:hover {
            color: $red;
        }
    }
    &:not(#personal-details) {
        h1 {
            border-bottom: solid $section-header-border-thickness $section-header-border-color;
        }
    }
    &#personal-details {
        border: none;
        padding: 0;
        h1 {
            font-size: 2em;
            margin-top: 0;
            text-align: center;
        }
        img {
            border: solid $personal-picture-border-thickness $personal-picture-border-color;
            display: inline-block;
            height: 192px;
            margin: 0;
            margin-right: 1em;
            padding: 0;
            vertical-align: top;
            width: 192px;
        }
        ul {
            display: inline-block;
            list-style-type: none;
            padding: 0;
            margin: 0;
            li {
                margin-bottom: .5em;
                i {
                    color: $light-blue;
                    margin: 0;
                    margin-right: 1em;
                }
                &:last-child {
                    margin: 0;
                }
            }
        }
    }
    &#education {
        ul {
            list-style-type: none;
            padding: 0;
            li {
                margin-bottom: 1em;
                .year {
                    float: left;
                }
                .school {
                    padding: .25em;
                    clear: both;
                    font-size: smaller;
                }
                .grade {
                    float: right;
                }
            }
        }
    }
    &#employments {
        ul {
            list-style-type: none;
            padding: 0;
            li {
                margin-bottom: 1em;
                .period {
                    float: left;
                }
                .resume {
                    padding: .5em;
                    clear: both;
                    font-size: smaller;
                }
                .employer {
                    float: right;
                }
            }
        }
    }
    &#interests {
        ul li {
            &:not(:last-of-type):after {
                content: ',';
            }
            &:last-of-type:after {
                content: '.';
            }
        }
    }
    &#skills {
        ul {
            list-style-type: none;
            padding: 0;
            .skill {
                display: inline;
                &:not(:last-of-type):after {
                    content: ', ';
                }
                &:last-of-type:after {
                    content: '.';
                }
            }
        }
    }
}
.left, .right {
    position: absolute;
    width: 50%;
    section {
        margin: 1em;
        &:last_child {
            margin-bottom: 0;
        }
    }
}
.left {
    left: 0;
    width: 60%;
    margin-bottom: 1em;
    section {
        margin-right: .5em;
    }
}
.right {
    left: 60%;
    width: 40%;
    section {
        margin-left: .5em;
    }
}

$print-body-font-color: black;
$print-personal-picture-border-color: #ddd;

@media print {
    html {
        font-size: 10pt;
    }
    body {
        color: $print-body-font-color;
        font-family: sans-serif;
    }
    a {
        color: $print-body-font-color;
        &:hover {
            color: $print-body-font-color;
        }
    }
    section {
        &#personal-details {
            img {
                border: solid 1pt $print-personal-picture-border-color;
                height: 96px;
                padding: 3px;
                width: 96px;
            }
            ul {
                li {
                    margin-bottom: .25em;
                }
            }
        }
        &:last-child {
            margin-bottom: 0;
        }
    }
}

{'fraction_non_alphanumeric': 0.11898870360408823, 'fraction_numerical': 0.020763851533082304, 'mean_word_length': 0.9378778403168647, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '1636314', 'n_tokens_mistral': 3025, 'n_tokens_neox': 2777, 'n_words': 539}