<commit_before>// ****************************************************************
// _BaseTypographicStyles
// ****************************************************************

h1, h2, h3, h4, h5, h6 {
  font-family: $header_font_family;
  line-height: $base_line_height;
  text-rendering: optimizeLegibility; // Fix the character spacing for headings
  color: $header_font_color;
  margin-bottom: 0;
}

h1,
.title__h1 {
  font-size: $base_font_size * 2.25; // 16 * 2.25 = 36px
}

h2,
.title__h2 {
  font-size: $base_font_size * 2; // 16 * 2 = 32px
}

h3,
.title__h3 {
  font-size: $base_font_size * 1.75; // 16 * 1.75 = 28px
}

h4,
.title__h4 {
  font-size: $base_font_size * 1.5; // 16 * 1.5 = 24px
}

h5,
.title__h5 {
  font-size: $base_font_size * 1.25; // 16 * 1.25 = 20px
}

h6,
.title__h6 {
  font-size: $base_font_size;
}

p,
.text {
  margin: 0 0 $base_line_height*0.5rem;
  font-family: $base_font_family;
}

a,
.link {
  color: $base_link_color;
  transition: all .3s ease;
  text-decoration: none;

  @media (min-width : $desktop ) {
    &:hover {
      color: $hover_link_color;
    }
    &:active, &:focus {
      color: $hover_link_color;
      outline: none;
    }
  }

}

hr,
.hr {
  border-bottom: 1px solid $main_color;
  border-left: none;
  border-right: none;
  border-top: none;
  margin: $base_line_height 0;
}

img {
  margin: 0;
  max-width: 100%;
  height: auto;
}

blockquote {
    display: block;
    padding: ($base_font_size / 2) 0 ($base_font_size / 2) ($base_font_size / 1.5);<commit_msg>Added hgroup to typography<commit_after>// ****************************************************************
// _BaseTypographicStyles
// ****************************************************************

h1, h2, h3, h4, h5, h6 {
  font-family: $header_font_family;
  line-height: $base_line_height;
  text-rendering: optimizeLegibility; // Fix the character spacing for headings
  color: $header_font_color;
  margin-bottom: 0;
}

h1,
.title__h1 {
  font-size: $base_font_size * 2.25; // 16 * 2.25 = 36px
}

h2,
.title__h2 {
  font-size: $base_font_size * 2; // 16 * 2 = 32px
}

h3,
.title__h3 {
  font-size: $base_font_size * 1.75; // 16 * 1.75 = 28px
}

h4,
.title__h4 {
  font-size: $base_font_size * 1.5; // 16 * 1.5 = 24px
}

h5,
.title__h5 {
  font-size: $base_font_size * 1.25; // 16 * 1.25 = 20px
}

h6,
.title__h6 {
  font-size: $base_font_size;
}

p,
.text {
  margin: 0 0 $base_line_height*0.5rem;
  font-family: $base_font_family;
}

a,
.link {
  color: $base_link_color;
  transition: all .3s ease;
  text-decoration: none;

  @media (min-width : $desktop ) {
    &:hover {
      color: $hover_link_color;
    }
    &:active, &:focus {
      color: $hover_link_color;
      outline: none;
    }
  }
}

.hgroup * {
  margin: 0;
}

hr,
.hr {
  border-bottom: 1px solid $main_color;
  border-left: none;
  border-right: none;
  border-top: none;
  margin: $base_line_height 0;
}

img {
  margin: 0;
  max-width: 100%;
  height: auto;
}

blockquote {
    display: block;
    padding: ($base_font_size / 2) 0 ($base_font_size / 2) ($base_font_size / 1.5);
{'fraction_non_alphanumeric': 0.22568093385214008, 'fraction_numerical': 0.05155642023346303, 'mean_word_length': 3.2551724137931033, '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': '7558483', 'n_tokens_mistral': 1359, 'n_tokens_neox': 1241, 'n_words': 267}