Центровать div

[Agentbk]

Всем добрый день. Помогите пожалуйста.

Дохожу до психоза.

Я сделал калькулятор для сайта используя HTML/css/js делал я его неделю т.к. это вообще мое первое знакомство со всеми этими вещами.

И в самый последний момент я столкнулся с проблемой. Я не могу выровнять калькулятор по горизонтали по центру. left 50% меня не устраивает, он должен уменьшаться только тогда когда границы браузерного окна подходят в плотную, а используя 50% с лева всегда остается много пустого места. Структура у меня такая.

Есть <div> и все остальные div уже вложены в него, как мне выровнить по горизонтали вот этот самый первый div (ведь я так думаю, что если выровнять родительский div, то и все дивы тоже встанут по центру.)

 

Во вложении перекладываю файлы, пожалуйста не судите строго, ведь это моя первая работа.

index2.html

style2.css

js.js

[npofopr]

Надо не думать, а пробовать. 
На флексах всё довольно просто равняется. 

А свою работу выкладывать не файлами, а в любую из песочник. Например, https://jsfiddle.net/ 
Так бы куда больше отклика нашла, на свой вопрос.