Space between title and menu

[ambientobio]

Hi team, apologies for the super simple question. I am a newbie to coding.

How do I add space between my menu and the article title? 

https://www.ambiento.bio/blogs/il-blog-sostenibile/cinque-motivi-abbonamento-mercato-online-sostenib...

This is the code:

<div class="section-header text-center">
<h1 class="article__title" id="title-0" margin-top: 50px>{{ article.title }}
</h1>

{% if section.settings.blog_show_author %}
<span class="article__author">{{ 'blogs.article.by_author' | t: author: article.author }}</span>
{% endif %}

{% if section.settings.blog_show_date %}
<span class="article__date">
{{ article.published_at | time_tag: format: 'date' }}
</span>
{% endif %}
</div>

<div class="rte">
{{ article.content }}
</div>

{% if section.settings.show_share_buttons %}
{% include 'social-sharing', share_title: article.title, share_permalink: article.url, share_image: article.image %}
{% endif %}

[Pallavi]

Hello There,

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.

.section-header.text-center h1 {
padding-top: 60px!important;
}