html - How to center a form in the container? Using flex - Stack

I am using flex, I have a container and want to have a form inside. This is what it looks like now. so,inside that blue container I want the form to look nice, and centered. The blue container is

CSS3 Flex Layout and Its Usability

An Interactive Guide to Flexbox in CSS

css - flexbox stretching height of element with a difficult layout - Stack Overflow

How to align flexbox columns left and right using CSS ? - GeeksforGeeks

Flex Cheatsheet

Flexbox - Webflow University Documentation

Playing around with Flexbox (CSS), by Gazza Azhari

html - How to center a flex container but left-align flex items - Stack Overflow

Center Button CSS

html - How do I correctly nest a flexbox to achieve a form layout? - Stack Overflow

Aligning items in a flex container - CSS: Cascading Style Sheets