text: const styles = theme => ({
    root: {
      flexGrow: 1,
      height: '100vh',
      zIndex: 1,
      // overflow: 'hidden',
      position: 'relative',
      // display: 'flex',
    },
    toolbar: {
      display: 'flex',
      alignItems: 'center',
      justifyContent: 'flex-end',
      padding: '0 8px',
      ...theme.mixins.toolbar,
    },
    content: {
      flexGrow: 1,
      backgroundColor: theme.palette.background.default,
      padding: theme.spacing.unit * 3,
    },
  });
  
  export default styles;
  