trampa-frontend/src/components/About/AboutHeader/AboutHeader.styled.js

import { Box, styled, Typography } from "@mui/material";
import selectedTheme from "../../../themes";

export const AboutHeaderContainer = styled(Box)`
  margin: 72px;
`;
export const AboutHeaderTitle = styled(Typography)`
  font-family: "DM Sans";
  font-style: normal;
  font-weight: 700;
  font-size: 72px;
  line-height: 98px;
  color: ${selectedTheme.primaryPurple};
`;
export const AboutHeaderParagraph = styled(Typography)`
  font-family: "DM Sans";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  color: ${selectedTheme.primaryGrayText};
`;
export const AboutHeaderLine = styled(Box)`
    border-top: 1px solid ${selectedTheme.iconYellowColor};
    width: 90px;
    margin-bottom: 26px;
`;