import { styled } from "@mui/styles";

export const LargeTextContainer = styled("div")({
  fontFamily: "Open Sans",
  fontStyle: "normal",
  fontWeight: "700",
  fontSize: "16px",
  lineHeight: "34px",
  color: "#231F20",
  textAlign: "center",
  "@media screen and (max-width:350px)": {
    lineHeight: "20px",
  },
});
export const SmallTextContainer = styled("div")(({ value }: any) => ({
  ...value,
  fontFamily: "Open Sans",
  fontStyle: "normal",
  fontWeight: "400",
  fontSize: "15px",
  lineHeight: "20px",
  color: value?.color || "#404040",
  textAlign: "center",
  "@media screen and (max-width:1280px)": {
    fontSize: "13px",
  },
  "@media screen and (max-width:600px)": {
    fontSize: "12px",
  },
}));