HTML-CSS sayfayı aşağı kaydırınca boşluk oluşuyor

.pl2 {
 font-weight: 500;
 text-align: center;
 padding: 100px;
 margin-top: 500px;
}

* {
 margin: 0;
 padding: 0;
 box-sizing: border-box;
 font-family: 'Roboto', sans-serif;
}

<section class="backround4">
    <div class="box2"><video width="1300" height="1300" autoplay loop>
        <source src="fc24-websizzle-1x1.mp4" type="video/mp4">
    </video>
    </div>
    <div class="pl2"><p>Taraftarların taraftarlar için yarattığı EA SPORTS FC, birlikte inşa etmek istediğimiz futbolun geleceği için yeni bir Futbol Kulübüdür.</p>
    <h2>Yeni marka kimliğimiz, oyunumuzu oluşturan izometrik çokgenlerden, Ultimate Team™’deki kimya üçgenlerine ve her maçtaki oyuncu göstergesine kadar geçtiğimiz 30 yıldır EA SPORTS futbolunun parçası olan üçgenlerden ilham aldı.

.backround4 {
    background-image: url(fc24-section-bg-beige-texture-xl.jpg.adapt.1920w\ \(1\).jpg);
    height: 100vh;
    background-size: cover;
    width: 100%;
    background-repeat: no-repeat;
    position: fixed;
}

.box2 {
    scroll-behavior: auto;
    position: relative;
    align-items: center;
    float: left;
}

.pl2 {
    font-weight: 500;
    text-align: center;
    padding: 100px;
    margin-top: 500px;
}

.pl2 p {
    margin-bottom: 100px;
}