import { makeStyles, Theme, createStyles } from "@material-ui/core/styles";

//These can be imported via globals...
const color = {
  primary: "#33658A",
  accent: "#F6AE2D",
  add1: "#B2F7EF",
  add2: "#3A539B",
};
//..........

export const useStyles = makeStyles((theme) =>
  createStyles({
    root: {
      maxWidth: 1345,
      background: color.accent,
    },
    container: {
      padding: "50px 0 0 0",
      width: "80%",
      margin: "auto",
    },
    appHeader: {},
  })
);