body{
margin: 0;
padding: 0;
border: none;
outline: none;
text-decoration: none;
font-family: 'DidactGothic';
}

.allPage{
display: block;
position: relative;
margin: 0;
padding: 0;
border: none;
outline: none;
text-decoration: none;
font-family: 'DidactGothic';
background-color: #f2f2f2;
}

#firstSection{
display: block;
position: relative;
width: 100%;
height: 820px;
font-family: 'DidactGothic';
background-color: #f2f2f2;
background-image: url(../img/mainBg.jpg);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}

.userArea{
display: block;
position: relative;
width: 500px;
height: 440px;
margin-left: auto;
margin-right: auto;
‼️ padding-top: 150px; ‼️
background-color:rgba(0,0,0,0.5);
}

bu userArea divinde padding-top yerine margin-top vermek istiyorum ama userArea yerine komple body yi aşağı itiyor, nereyi kaçırıyorum :confused:?