Вопрос по CSS

Чтобы чуть сместить текст внутри тега input подальше от края ты можешь попробовать свойство padding это добавляет внутренние отступы к элементу что позволяет контролировать расстояние между текстом и краями поля ввода
будет примерно так:

.maininput {
display: flex;
width: 50%;
height: 50px;
border-radius: 25px;
border: 1.2px solid;
margin-right: auto;
margin-left: auto;
text-align: left;
margin-top: 200px;
padding: 0 15px;
}
Поясню
padding: 0 15px добавит 0 пикселей отступа сверху и снизу и 15 пикселей отступа слева и справа ты можешь поменять 15px на любое другое чтобы увеличить или уменьшить отступ
(сорян за то что без запятых)

паддинг - лефт