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

css - Issue when centering vertically with flexbox when heights are unknown - Stack Overflow

Nested Flex Containers with Flexbox

How to Create Perfectly Centered Text With Flexbox

How to Vertically Center Elements with Bootstrap

html - Why doesn't this form stick to justify-content: center set by its parent container? - Stack Overflow

html - CSS: flexbox container with top & center aligned divs - Stack Overflow

Flexbox - Learn web development

CSS Flexible Box Layout Module Level 1

Mastering Flexbox: A Comprehensive Guide to Modern Web Layouts, by Gulshan N

html - How can I make the form to center of screen - Stack Overflow

An Interactive Guide to Flexbox in CSS

CSS Flexbox — Soshace • Soshace

How to Align Center Work In CSS: Complete Step-by-Step Guide

Build Smart CSS-only Layouts with Flexbox