export const textStyles = {
  Firsthead: {
    fontSize: { sm: "14px", md: "18px", lg: "22px" },
    fontWeight: { sm: "400", md: "500", lg: "500" },
    fontFamily: "cambria",
    color: "#b107ff",
  },
  AdminNav: {
    color: "white",
    fontSize: { sm: "14px", md: "16px", lg: "18px" },
    fontWeight: { sm: "400", md: "500", lg: "500" },
    fontFamily: "cambria",
  },
  SidebarHead: {
    color: "grey",
    fontSize: { sm: "12px", md: "14px", lg: "16px" },
    fontWeight: { sm: "400", md: "500", lg: "600" },
    fontFamily: "Sans-Serif",
    textAlign: "center",
  },
  DashboardHead: {
    fontSize: { sm: "22px", md: "24px", lg: "28px" },
    fontWeight: { sm: "400", md: "500", lg: "500" },
    fontFamily: "cambria",
  },
  DashboardBoxes: {
    color: "white",
    fontSize: { sm: "14px", md: "16px", lg: "18px" },
    fontWeight: { sm: "400", md: "500", lg: "500" },
  },
  userHead: {
    fontSize: { sm: "14px", md: "16px", lg: "18px" },
    fontWeight: { sm: "400", md: "500", lg: "600" },
    fontFamily: "cambria",
  },
};
