Como centralizar o formulário em projetos React.JS?

Atualmente eu tenho o código:

<Formik
                    initialValues={{email: email, password: password}}
                    onSubmit={(value) => {
                        setEmail(value.email);
                        setPassword(value.password, signIn());
                    }}
                >
                    {
                        props =>
                            <form onSubmit={props.handleSubmit}>
                                <div>
                                    <TextField 
                                        id="outlined-basic"
                                        variant="outlined"
                                        label="E-Mail"
                                        name='email'
                                        type='email'
                                        required
                                        onBlur={props.handleBlur}
                                        onChange={props.handleChange}
                                        margin="normal"
                                        fullWidth
                                        value={props.values.email}
                                    />
                                </div>

                                <div>
                                    <TextField 
                                        id="outlined-basic"
                                        variant="outlined"
                                        label="Senha"
                                        name='password'
                                        type='password'
                                        required
                                        onBlur={props.handleBlur}
                                        onChange={props.handleChange}
                                        margin="normal"
                                        fullWidth
                                        value={props.values.password}
                                    />
                                </div>

                                <div>
                                    <Button type="submit" variant="contained" color="primary">Salvar</Button>
                                    <Button type="reset" variant="contained" color="secondary">Cancelar</Button>
                                </div>    
                            </form>
                    }
                </Formik>

Já tentei centralizar o formulário, mas não consegui.

Qual é a forma correta de estilizar aplicações React.JS?

Já analisei o projeto da aula, mas não consegui encontrar onde ele definiu os estilos do projeto.