import makeStyles from '@material-ui/core/styles/makeStyles';

export const useStyles = makeStyles({
  login: {
    display: 'flex',
    flexDirection: 'column',
    justifyContent: 'center',
    alignItems: 'center',
    width: '100vw',
    height: '100vh',
  },
  loginInnerWrapper: {
    padding: '40px 30px',
    border: '1px solid #ddd',
    borderRadius: 10,
  },
  loginFormular: {
    width: 300,
    height: 'fit-content',
  },
  loginHeading: {
    display: 'flex',
    justifyContent: 'center',
    marginBottom: 40,
  },
  memberIcon: {
    fontSize: '2.5rem',
  },
});
