Css kenar renk sorunu

Merhaba,
Aşağıda ki kodları kullanıyorum. Sayfanın tam ortasına bir beyaz şerit çekmek istiyorum. Sağ ve sol kısımdan boşluklar kalıyor kalmamasını istiyorum. Nasıl yapabilirim?

body{
background: #383b50;
}


.serit {
    height:150px;
    background-color:white;
    top:50px;
    position:relative;
    margin: auto;
    width:100%;
-webkit-box-shadow: 1px 0 2px black;
    -moz-box-shadow: 1px 0 2px black;
    box-shadow: 1px 0 2px black;
}

<div class="serit"></div>

body { margin: 0; padding: 0 }

Çok teşekkür ederim peki şeriti nasıl top kullanmadan tam ortaya getirebilirim?

Olmadı

Pardon. Çok özür. 50vh olacaktı yani şöyle:

.serit { position: absolute; top: calc(50vh - 75px); }

Şimdi oldu çok teşekkür ederim ilginizden dolayı

Ben teşekkür ederim, iyi forumlar.

Tarayıcı açıldığında body nin kendi boşlukları olur. Bunları sıfırlamanız gerekir, sonrasında ortalamak için örnek olarak sayfa 1000px ise line-height:1000px; yazabilirsiniz. Bu sayede ortalanmış olur 😊