Flexboxで上下中央(横並びにしない)

  display: flex;
  flex-direction: column; /* 上下に要素を配置する */
  justify-content: center; /* 上下中央に配置する */

これだけでOK