Zentriert den Flexbox-Container aus, es sei denn, der Inhalt überschreitet das Ansichtsfenster. [Duplizieren]

Um ein div mit flexbox vertikal und horizontal zu zentrieren, verwende ich einfach diese Regeln auf das übergeordnete Element

Damit es wie folgt angezeigt wird:

Wenn jedoch mehr Inhalt im div vorhanden ist, dann gibt es im Ansichtsfenster eine Höhe, wodurch der Inhalt die Webseite überläuft, so dass er nicht sichtbar ist und nicht nach oben gescrollt werden kann - wie folgt: jsfiddle.net/xk1z6wpa/2

Ich brauche das div, um die Webseite nicht von oben zu überlaufen, sondern stoppte, bevor es sie erreichte, also nur vom Boden überfließend - wie:

Wie kann ich das erreichen?