How to center all content on a page?

I have problems centering all content in a section with flex with set to ON. The content won’t be in the middle of the body, it takes up all of the widths. Are there any alternatives to center content besides flex?

How do I center sections on the body? What I want is to have all sections centered on the body, but all content in the sections should be left-aligned.

Do I have to change the width from auto or are there any other steps before centering regarding flex?

thanks for tips.


Here is my site Read-Only: LINK
(how to share your site Read-Only link)