Hola, en general el componente y la imagen están bien, si quieres mejorar el texto considerar usar las fuentes y los colores que van incluidos en el archivo style-guide.md. Con respecto a cómo centrar verticalmente, una opción es utilizar Flexbox, para ello añade lo siguiente en el body de styles.css:
body {
margin: 0 auto;
min-height: 100vh;
align-items: center;
}
Debes dejar las propiedades que ya tienes: display:flex; justify-content:center;
para que quede centrado vertical y horizontalmente. Así que el body quedaría así:
body {
margin: 0 auto;
min-height: 100vh;
display: flex;
justify-content: center;
align-items: center;
}
Aquí puedes encontrar en español la explicación de esas propiedades: mdn web docs.
Saludos.