边距或填充

Question

由于某种原因，我所有的<hX>标签都带有边距或填充，但我不知道为什么或如何解决。即使在<div>上完全没有每个填充边距的情况下，也会发生这种情况。我将留下一张图像，显示检查对象，并显示1，使问题更易于理解。我还将通过github链接文件，它们需要进行一些更新，但这不会成为问题。

P.S：我只是一名设计师，我是编码的新手。 Github link

.banner {
    height:100vh;
    width: 100%;
    background-image: url('img/img1.jpeg');
    background-size: cover;
    background-position: center;
    position: relative;
}
.banner__logo {
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
}
.banner__logo h6 {
    font-size: 70px;
    color: white;
    font-weight: 900;
    text-shadow: 2px 2px 10px rgba(0,0,0,.6);
}
.banner__logo p {
    font-size: 25px;
}

This is th problem

Some visual help to explain the problem better