Отсттупы CSS не соответствуют коду

* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

h1 {
  margin-top: 53px;
}

.title {
  font-family: Roboto;
  font-size: 41px;
  font-weight: 400;
  text-align: center;
  color: #f9bf3b;
  text-transform: uppercase;
}

h2.title {
  /* margin-top: 5px; */
  margin-top: 30px;
}

.simple .title_big {
  font-family: Roboto;
  font-size: 80px;
  font-weight: 400;
  text-align: center;
  color: #ffffff;
  /* margin-top: 7px; */
  margin-top: 21px;
  text-transform: uppercase;
}

<h1 class="title">Создать свой сайт на WordPress </h1>

<div class="simple">
  <h2 class="title_big">это просто</h2>
  <div class="line"></div>
</div>
<h2 class="title">Куда сложнее сделать это правильно!</h2>