How to center green box in CSS flexbox?

Question

css

Here is an example: https://jsfiddle.net/6ujh0dte/4/
It is important that the blue block (navigation) is at the top.
But how can you place the green block in the center?

Answer 1

margin: auto