объяснение простое: <code>margin</code> - для поведения блока относительно родителя и соседних блоков, <code>padding</code> - для поведения содержимого блока. исходите из ситуации. <br/> тоесть, ваш <code>.page__body</code> либо будет физически отодвинут от родителя(или соседнего блока) сверху на <code>13px</code> ( <code>margin-top</code> ), либо он останется на месте, но его содержимое будет на <code>13px</code> ниже ( <code>padding-top</code> ) <br/> <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_box_model/Introduction_to_the_CSS_box_model" rel="nofollow">блочная модель</a> <br/> ну и что-то такое можно посмотреть, <a href="https://habr.com/ru/articles/569530/" rel="nofollow">https://habr.com/ru/articles/569530/</a>