const styles = theme => ({
  loggedInCard: {
    minWidth: 350
  },
  onRight: {
    marginLeft: "auto"
  },
  avatar: {
    backgroundColor: theme.palette.primary.main
  },
  collapseContent: {
    padding: 0
  },
  loggedInContent: {
    minHeight: "80vh",
    display: "flex",
    alignItems: "center",
    justifyContent: "center",
    fontSize: "calc(10px + 2vmin)"
  },
  appLogin: {
    minHeight: "100vh",
    display: "flex",
    justifyContent: "center",
    alignItems: "center"
  },
  field: {
    margin: theme.spacing(1),
    width: "300px"
  },
  actions: {
    paddingRight: "16px",
    paddingLeft: "16px"
  }
});

export default styles;