padding-top из первого задания

обьясните пожалуйста, как работает padding-top: 1px в этом коде

.scene{
width:300px;
height:250px;
overflow: hidden;
}
.roof{
width:0px;
margin:0 auto;
margin-top:-50px;
border:80px solid white;
border-bottom-color:red;
}
.house{
width:100px;
height:100px;
margin:0 auto;
background:blue;
padding-top:1px;
}
.door{
height:60px;
width:40px;
background:red;
margin-top:40px;
margin-left:35px;
}

Приветствую. Этот эффект «выпадания» марджина рассматривается дальше в курсе по блочной модели https://htmlacademy.ru/courses/44/run/10.

благодарю