<commit_before>import React from 'react'
import styled from 'styled-components'

const StyledHeader = styled.div`
  margin-top: 4rem;
  text-align: center;
  h1 {
    color: #f7a583;
    font-size: 2rem;
    font-family: 'Poppins', sans-serif;
    font-weight: 700;
    border-bottom: 4px solid #f7a583;
    display: inline-flex;
    @media (min-width: 768px) {
      font-size: 2.4rem;
    }
    a {
      transition: all .3s ease-in-out;
      color: #f7a583;
      text-decoration: none;
      padding: 0 8px;
      &:hover {
        color: white;
        background: #f7a583;
      }
    }
  }
  h2 {
    position: relative;
    margin: 0;
    margin-left: -1.6rem;
    margin-top: -0.8rem;
    color: #1a1a1a;
    font-size: 0.8rem;
    font-family: 'Poppins', sans-serif;
    @media (min-width: 768px) {
      font-size: 1rem;
    }
    span {
      color: #f7a583;
    }
    i {
      position: absolute;<commit_msg>fix(Header): better width<commit_after>import React from 'react'
import styled from 'styled-components'

const StyledHeader = styled.div`
  margin-top: 4rem;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  h1 {
    color: #f7a583;
    font-size: 2rem;
    font-family: 'Poppins', sans-serif;
    font-weight: 700;
    border-bottom: 4px solid #f7a583;
    display: inline-flex;
    @media (min-width: 768px) {
      font-size: 2.4rem;
    }
    a {
      transition: all .3s ease-in-out;
      color: #f7a583;
      text-decoration: none;
      padding: 0 8px;
      &:hover {
        color: white;
        background: #f7a583;
      }
    }
  }
  h2 {
    position: relative;
    margin: 0;
    margin-left: -1.6rem;
    margin-top: -0.8rem;
    color: #1a1a1a;
    max-width: 60%;
    font-size: 0.8rem;
    font-family: 'Poppins', sans-serif;
    @media (min-width: 768px) {
      font-size: 1rem;
    }
    span {
      color: #f7a583;
    }
    i {
      position: absolute;
{'fraction_non_alphanumeric': 0.1352880658436214, 'fraction_numerical': 0.05246913580246913, 'mean_word_length': 2.1370967741935485, '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': '100647', 'n_tokens_mistral': 812, 'n_tokens_neox': 754, 'n_words': 169}