export default {
    button: {
        border: 'none',
        cursor: 'pointer',
        margin: '10px 0',
        outline: 'none',
        padding: '15px',
        fontWeight: 'bold',
    },
    customStyles: {
        content: {
          width: '50%',
          top: '50%',
          left: '50%',
          right: 'auto',
          bottom: 'auto',
          marginRight: '-50%',
          transform: 'translate(-50%, -50%)'
        }
    },
    flexColumn: {
        display: 'flex', flexDirection: 'column'
    },
    flexCenter: {
        display: 'flex', alignItems: 'center'
    },
    mr20: {
        marginRight: '20px'
    },
    ml20: {
        marginLeft: '20px'
    }
}