<commit_before>import React from "react";

import PropTypes from "prop-types";
import rehypeReact from "rehype-react";
import styled from "styled-components";

const PrimaryTitle = styled.h1`
    font-size: calc(3em + 0.15vw);
`;

const SecondaryTitle = styled.h2`
    font-family: "Source Sans Pro", sans-serif;
    font-size: calc(2em + 0.15vw);
    margin: calc(1.25em + 0.15vw) 0 calc(0.75em + 0.15vw);
`;

const TertiaryTitle = styled.h3`
    font-family: "Source Sans Pro", sans-serif;
    font-size: calc(1.5em + 0.15vw);
    margin: calc(1em + 0.15vw) 0 calc(0.75em + 0.15vw);
`;

const Paragraph = styled.p`
    font-size: calc(1em + 0.15vw);
    line-height: 1.7em;
    margin: 0 0 1em;
    color: var(--text-gray);
`;

const Bold = styled.strong`
    color: var(--text-dark-black);
`;

const Link = styled.a`
    color: var(--text-gray);

    &:hover {
        color: var(--text-dark-black);
    }
`;

const ListElement = styled.li`
    font-size: calc(1em + 0.15vw);
    line-height: 1.7em;
    color: var(--text-gray);
`;

const BlockQuote = styled.blockquote`
    font-size: calc(1.4em + 0.15vw);
    font-family: "Playfair Display", serif;<commit_msg>fix: better heading throught different diplay sizes<commit_after>import React from "react";

import PropTypes from "prop-types";
import rehypeReact from "rehype-react";
import styled from "styled-components";

const PrimaryTitle = styled.h1`
    font-size: 2em;

    @media (min-width: ${(props) => props.theme.breakpoints[1]}px) {
        font-size: 3em;
    }
`;

const SecondaryTitle = styled.h2`
    font-family: "Source Sans Pro", sans-serif;
    font-size: 1.75em;
    font-weight: bold;
    margin: calc(1.25em + 0.15vw) 0 calc(0.75em + 0.15vw);

    @media (min-width: ${(props) => props.theme.breakpoints[1]}px) {
        font-size: 2em;
    }
`;

const TertiaryTitle = styled.h3`
    font-family: "Source Sans Pro", sans-serif;
    font-size: 1.5em;
    font-weight: bold;
    margin: calc(1em + 0.15vw) 0 calc(0.75em + 0.15vw);

    @media (min-width: ${(props) => props.theme.breakpoints[1]}px) {
        font-size: 1.5em;
    }
`;

const Paragraph = styled.p`
    font-size: calc(1em + 0.15vw);
    line-height: 1.7em;
    margin: 0 0 1em;
    color: var(--text-gray);
`;

const Bold = styled.strong`
    color: var(--text-dark-black);
`;

const Link = styled.a`
    color: var(--text-gray);

    &:hover {
        color: var(--text-dark-black);
    }
`;

const ListElement = styled.li`
    font-size: calc(1em + 0.15vw);
    line-height: 1.7em;
    color: var(--text-gray);
`;

const BlockQuote = styled.blockquote`
    font-size: calc(1.4em + 0.15vw);
    font-family: "Playfair Display", serif;
{'fraction_non_alphanumeric': 0.16741405082212257, 'fraction_numerical': 0.04484304932735426, 'mean_word_length': 2.9718100890207717, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 6, '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': '7228496', 'n_tokens_mistral': 1128, 'n_tokens_neox': 1046, 'n_words': 230}