<commit_before>html {
  font-size: 18px;
  @include media($small-screen) {
    font-size: 16px;
  }
  @include media($big-tablet) {
    font-size: 14px;
  }
  @include media($large-phone) {
    font-size: 12px;
  }
}

$thin: 100;
$light: 300;
$regular: 400;
$semibold: 600;
$bold-weight: 700;
$heavy: 800;
$font-black: 900;

@import url('https://fonts.googleapis.com/css?family=Montserrat:400,400i,700,700i');

$best-sans-fonts: 'helvetica neue', 'helvetica', 'Arial', sans-serif;
$best-serif-fonts: 'Georgia', 'Palatino Linotype', 'Book Antiqua', serif;
$icon-font: 'fontawesome';

$body: 'montserrat', $best-sans-fonts;
$header: 'butler-bold', $best-serif-fonts;
$bold: 'butler-regular', $best-sans-fonts;

body {
  font-family: $body;
}
strong {
  font-weight: $bold-weight;
}
b {
  font-weight: $bold-weight;
}
@mixin font-size($size) {
  font-size: $size;
  font-size: calculateRem($size);
}

%white-fonts {
  h1,h2,h3,h4,h5,p,a {
    color: white;
  }
}

h1, h2, h3, h4, h5, h6, p {
  a {
    text-decoration: underline;
    color: $orange;
  }
}


.color-block {
  @extend %white-fonts;
}

%basic-padding {
  h1,h2 {
    padding-bottom: $padding-l;
  }
  h3,h4,h5,p {
    padding-bottom: $padding-base;
  }
}

h4,h5 {
  font-family: $body;
}

h1 {
  @include font($header,rem(72px),$bold,$white);
  line-height: 1;
  padding-bottom: $padding-xl;
}

h2 {
   @include font($header,rem(30px),$light,$white);
   padding-bottom: $padding-xl;
}

h3 {
  @include font($bold,rem(24px),$regular, $white);
  padding-bottom: $padding-xl;
}

blockquote {
  padding-bottom: $padding-xl;
  position: relative;
}

h4 {
  @include font($bold,rem(24px),$regular, $white);
  padding-bottom: $padding-xl;
}

h5 {
  @include font($header,rem(24px),$bold,$white);
}

p {
  @include font($body,rem(18px),$regular,$white);
  line-height: 1.8;
  padding-bottom: $padding-xl;
  b {
    font-family: $bold;
  }
}

hr {
    width: 100%;
    display: block;
    background-image: image-url('divider.svg');
    background-size: auto 100%;
    background-position: center;
    background-repeat: no-repeat;<commit_msg>smaller body font for better harmony<commit_after>html {
  font-size: 18px;
  @include media($small-screen) {
    font-size: 16px;
  }
  @include media($big-tablet) {
    font-size: 14px;
  }
  @include media($large-phone) {
    font-size: 12px;
  }
}

$thin: 100;
$light: 300;
$regular: 400;
$semibold: 600;
$bold-weight: 700;
$heavy: 800;
$font-black: 900;

@import url('https://fonts.googleapis.com/css?family=Montserrat:400,400i,700,700i');

$best-sans-fonts: 'helvetica neue', 'helvetica', 'Arial', sans-serif;
$best-serif-fonts: 'Georgia', 'Palatino Linotype', 'Book Antiqua', serif;
$icon-font: 'fontawesome';

$body: 'montserrat', $best-sans-fonts;
$header: 'butler-bold', $best-serif-fonts;
$bold: 'butler-regular', $best-sans-fonts;

body {
  font-family: $body;
}
strong {
  font-weight: $bold-weight;
}
b {
  font-weight: $bold-weight;
}
@mixin font-size($size) {
  font-size: $size;
  font-size: calculateRem($size);
}

%white-fonts {
  h1,h2,h3,h4,h5,p,a {
    color: white;
  }
}

h1, h2, h3, h4, h5, h6, p {
  a {
    text-decoration: underline;
    color: $orange;
  }
}


.color-block {
  @extend %white-fonts;
}

%basic-padding {
  h1,h2 {
    padding-bottom: $padding-l;
  }
  h3,h4,h5,p {
    padding-bottom: $padding-base;
  }
}

h4,h5 {
  font-family: $body;
}

h1 {
  @include font($header,rem(72px),$bold,$white);
  line-height: 1;
  padding-bottom: $padding-xl;
}

h2 {
   @include font($header,rem(30px),$light,$white);
   padding-bottom: $padding-xl;
}

h3 {
  @include font($bold,rem(24px),$regular, $white);
  padding-bottom: $padding-xl;
}

blockquote {
  padding-bottom: $padding-xl;
  position: relative;
}

h4 {
  @include font($bold,rem(24px),$regular, $white);
  padding-bottom: $padding-xl;
}

h5 {
  @include font($header,rem(24px),$bold,$white);
}

p {
  @include font($body,rem(16px),$regular,$white);
  line-height: 1.8;
  padding-bottom: $padding-xl;
  b {
    font-family: $bold;
  }
}

hr {
    width: 100%;
    display: block;
    background-image: image-url('divider.svg');
    background-size: auto 100%;
    background-position: center;
    background-repeat: no-repeat;
{'fraction_non_alphanumeric': 0.19178732494659387, 'fraction_numerical': 0.040351293615001185, 'mean_word_length': 3.8215102974828374, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, 'https://': 2, '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': '5894806', 'n_tokens_mistral': 1897, 'n_tokens_neox': 1751, 'n_words': 314}