Почему Input выходит за края формы?
.main-form-input {
  border: 1px solid #dddddd;
  width: 254px; <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< вот поэтому
  height: 52px;
  margin: 2rem 0;
  display: block;
  border-width: 1px;
  border-radius: 5px;
}
Задай ему ширину.