body{
  margin:0;
  background-image:url("../images/brick-wall.png");
  background-size:cover;
  background-position:center;
  background-repeat:no-repeat;
  background-attachment:fixed;
  
  display:flex;
  justify-content:center;
  align-items:center;
  height:100vh;
  overflow:hidden;
}

.house{
  position:relative;
  width:100vw;
  height:100vh;
}

.house img{
  position:absolute;
}

.wall{
  width:100%;
  height:100%;
  object-fit:cover;
}

.window{
  left:70px;
  top:165px;
  width:380px;
}

.door{
  left:500px;
  top:0px;
  height:100%;
  width:auto;
  cursor:pointer;
  transition:.35s;
}

.door:hover{
  transform:scale(1.02);
  filter:brightness(110%)
}

.mailbox{
  left:40px;
  top:520px;
  width:170px;
  z-index:5;
}

.mailbox{
  z-index: 5;
}

.flowers{
  left:0px;
  top:590px;
  width:520px;
}

.doorbell{
  left:860px;
  top:355px;
  width:38px;
  cursor:pointer;
}

.doorbell:hover{
  transform:scale(.9);
}

body{
  transition:opacity .8s;
}

.fade{
  opacity:0;
}