import styled from "styled-components";
import { purpleBase } from "./constants";

export const HeaderText = styled.div`
    font-family: 'Jost', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 28px;
    color: ${purpleBase};
    @media (max-width: 768px) {
        font-size: 14px;
    }
`;
export const BodyText = styled.div`
    font-family: 'Poppins', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #000000;
    @media (max-width: 768px) {
        font-size: 14px;
    }
`;