<commit_before>
/* Global ----------------------------------------- */

html {
    font-size: 16px;
    line-height: 1.5;
    font-family: 'Merriweather', Georgia, serif;
    color: $color;
    background-color: hsl(30, 60%, 98%); /* rgb(253, 250, 247) */
}

body {
    position: relative;
    margin: 0 auto;
    padding: 0 1em; // fallback
    padding: 0 5vw;
    max-width: 36em;
    @media (min-width: $break-) {
        font-size: 20px;
    }
    @media (min-width: $break---) and (min-height: $break--) {
        font-size: 24px;
    }
}

a {
    text-decoration: none;
    color: hsl(220,60%,60%);
}
a:visited {
    color: hsl(220, 30%, 60%);
}
a:hover {
    color: hsl(220,60%,70%);
}
a:active {
    color: hsl(220,60%,50%);
}

b, strong {
    font-weight: 700;
    color: $color-dark;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: bold;
    color: $color-dark;
}

h1 {
    font-weight: normal;
    line-height: 1.2;
}

h3 + p {
    margin-top: .5em;
}

li {
    margin: .5em 0;
}

hr {
    width: 10em;
    margin: 3em auto;
    border: none;
    border-bottom: 1px solid hsla(0, 0%, 0%, 0.1);
}

blockquote {
    margin: 1.5em 0;
    padding: 0 1em;
    font-size: .9em;
    line-height: 1.3;
    color: $color-light;
    border-radius: 0 6px 6px 0;
    border-left: 4px solid $color-hint;
}

img {
    max-width: 100%;
}



/* Misc ----------------------------------------- */

.Bread { // Header + Footer
    margin: $space 0; /* fallback */
    margin: 12vmin 0;
    text-align: center;
    font-family: 'Lato', sans-serif;
    font-weight: 300;
    color: $color-light;
}


.title--404 {
    font-size: 8em;
    text-align: center;
    margin: 0;
}



/* Images ----------------------------------------- */

.img--float {
    float: left;
    margin: 0 2em 2em 0;
}

.article:after {
    content: "";
    display: block;
    clear: both;
}

.wrapper img {
    max-width: 100%;
}

.img--25 {
    width: 25%;
}

.img--33 {
    width: 33%;
}

.img--50 {
    width: 50%;
}

.img--66 {
    width: 66%;
}

.img--fill {
    width: 100%;
    vertical-align: top;
}

figcaption {
    font-size: .8em;
    color: $color-light;
    font-style: italic;
    margin-left: 1em;
}
<commit_msg>Update global.scss<commit_after>
/* Global ----------------------------------------- */

html {
    font-size: 16px;
    line-height: 1.5;
    font-family: 'Merriweather', Georgia, serif;
    color: $color;
    background-color: hsl(30, 60%, 98%); /* rgb(253, 250, 247) */
}

body {
    position: relative;
    margin: 0 auto;
    padding: 0 1em; // fallback
    padding: 0 5vw;
    max-width: 36em;
    @media (min-width: $break-) {
        font-size: 20px;
    }
    @media (min-width: $break---) and (min-height: $break--) {
        font-size: 24px;
    }
}

a {
    text-decoration: none;
    color: hsl(220,60%,60%);
}
a:visited {
    color: hsl(220, 30%, 60%);
}
a:hover {
    color: hsl(220,60%,70%);
}
a:active {
    color: hsl(220,60%,50%);
}

b, strong {
    font-weight: 700;
    color: $color-dark;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: bold;
    color: $color-dark;
}

h1 {
    font-weight: normal;
    line-height: 1.2;
}

h3 + p {
    margin-top: .5em;
}

li {
    margin: .5em 0;
}

hr {
    width: 10em;
    margin: 3em auto;
    border: none;
    border-bottom: 1px solid hsla(0, 0%, 0%, 0.1);
}

blockquote {
    margin: 1.5em 0;
    padding: 0 1em;
    font-size: .9em;
    color: $color-light;
    border-radius: 0 6px 6px 0;
    border-left: 4px solid $color-hint;
}

img {
    max-width: 100%;
}



/* Misc ----------------------------------------- */

.Bread { // Header + Footer
    margin: $space 0; /* fallback */
    margin: 12vmin 0;
    text-align: center;
    font-family: 'Lato', sans-serif;
    font-weight: 300;
    color: $color-light;
}


.title--404 {
    font-size: 8em;
    text-align: center;
    margin: 0;
}



/* Images ----------------------------------------- */

.img--float {
    float: left;
    margin: 0 2em 2em 0;
}

.article:after {
    content: "";
    display: block;
    clear: both;
}

.wrapper img {
    max-width: 100%;
}

.img--25 {
    width: 25%;
}

.img--33 {
    width: 33%;
}

.img--50 {
    width: 50%;
}

.img--66 {
    width: 66%;
}

.img--fill {
    width: 100%;
    vertical-align: top;
}

figcaption {
    font-size: .8em;
    color: $color-light;
    font-style: italic;
    margin-left: 1em;
}

{'fraction_non_alphanumeric': 0.22713729085491635, 'fraction_numerical': 0.06325922530369012, 'mean_word_length': 1.7602783048703352, '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': 2, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '2048412', 'n_tokens_mistral': 1958, 'n_tokens_neox': 1724, 'n_words': 409}