text: import { makeStyles } from '@material-ui/core/styles';
  import { green } from '@material-ui/core/colors';
  export default makeStyles(theme => ({
    root: {
      width: '100%',
      marginBottom: '2rem',
      borderRadius: '1rem'
    },
    heading: {
      fontSize: theme.typography.pxToRem(15),
      flexBasis: '33.33%',
      flexShrink: 0,
    },
    secondaryHeading: {
      fontSize: theme.typography.pxToRem(15),
      color: theme.palette.text.secondary,
    },
  
    wrapper: {
      margin: theme.spacing(1),
      position: 'relative',
      marginTop: '14rem'
  
    },
    buttonSuccess: {
      backgroundColor: green[500],
      '&:hover': {
        backgroundColor: green[700],
      },
    },
    fabProgress: {
      color: green[500],
      position: 'absolute',
      top: -6,
      left: -6,
      zIndex: 1,
    },
    buttonProgress: {
      color: green[500],
      position: 'absolute',
      top: '50%',
      left: '50%',
      marginTop: -12,
      marginLeft: -12,
    },
  }));
  