import getMuiTheme from 'material-ui/styles/getMuiTheme';
const styles = {
  form: {
    height: '100%',
    width: '100%',
    margin: 20,
    textAlign: 'center',
    display: 'inline-block',
    paddingBottom: '40px',
  },
  textField: {
    general: {
      width: '100%',
      marginLeft: '20px',
      marginRight: '20px',
      fontSize: '25px',
      height: '80px',
    },
  },
  button: {
    label: {
      fontSize: '20px',
      verticalAlign: 'middle',
      textTransform: 'capitalize',
    },
    labelRegister: {
      fontSize: '20px',
      verticalAlign: 'middle',
      textTransform: 'capitalize',
      color: '#fff',
    },
    root: {
      width: '100%',
      height: '50px',
      margin: 20,
    },
    overlay: {
      display: 'inline-block',
      width: '100%',
      lineHeight: '50px',
    },
  },
  divider: {
    width: '100%',
    marginLeft: 20,
    marginRight: 20,
  },
  icon: {
    fontSize: 35,
    display: 'inline-block',
    marginRight: 30,
  },
  logoIcon: {
    color: '#4E342E',
    fontSize: 35,
    marginRight: '10px',
  },
};

export default styles;
