text: import { container, title } from "assets/jss/material-kit-react.js";
  
  const landingPageStyle = {
    container: {
      zIndex: "12",
      color: "#FFFFFF",
      ...container,
    },
    title: {
      ...title,
      display: "inline-block",
      position: "relative",
      marginTop: "30px",
      minHeight: "32px",
      color: "#FFFFFF",
      textDecoration: "none",
    },
    subtitle: {
      fontSize: "1.313rem",
      maxWidth: "500px",
      margin: "10px auto 0",
    },
    main: {
      background: "#FFFFFF",
      position: "relative",
      zIndex: "3",
    },
    mainRaised: {
      margin: "-60px 30px 0px",
      borderRadius: "6px",
      boxShadow:
        "0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2)",
    },
    modal: {
      display: "flex",
      alignItems: "center",
      justifyContent: "center",
      overflow: "scroll",
      overflowX: "hidden",
    },
    paper: {
      backgroundColor: "#FFFFFF",
      borderRadius: "10px",
      overflow: "hidden",
      maxWidth: "60%",
      padding: "10px 0",
    },
    dataFormatTitle: {
      ...title,
      marginBottom: "1rem",
      marginTop: "30px",
      minHeight: "32px",
      textDecoration: "none",
    },
    attributeTitle: {
      color: "#999",
      fontWeight: "400",
      fontFamily: `"Roboto Slab", "Times New Roman", serif`,
    },
  };
  
  export default landingPageStyle;
  