import { makeStyles } from 'tss-react/mui';

export const useStyles = makeStyles()(theme => ({
    loginContainer: {
        minWidth: '350px',
        [theme.breakpoints.down('sm')]: {
            width: '100%',
            minWidth: 'auto',
        },
    },
    contentContainer: {
        display: 'flex',
        flexDirection: 'column',
    },
    apiError: {
        color: theme.palette.error.main,
    },
    button: {
        width: '150px',
        margin: '1rem auto 0 auto',
        display: 'block',
        textAlign: 'center',
    },
}));