* {
  box-sizing: border-box;
}

body {
  background: linear-gradient(to bottom, #87ceeb 0%, #e0f7fa 100%);
}

#house {
  position: relative;
  z-index: 2;
  width: 500px;
  height: 400px;
  background-color: #c19a6b;
  border: 8px solid #a67b5b ;
  margin: 110px auto 0; 
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
}

#chimney {
  position: absolute;
  z-index: 1;
  top: -150px;
  left: 325px;
  width: 100px;
  height: 110px;
  background-color: #635147;
  border: 12px double #3d2b1f;
  box-shadow: 0 4px 8px rgba(0,0,0,0.2);

}

#roof {
  position: absolute;
  z-index: 3;
  top: 0;
  left: -9px;
  width: 0;
  height: 0;
  border-left: 250px solid transparent;
  border-right: 250px solid transparent;
  border-bottom: 140px solid #964b00;
  transform: translateY(-147px);
  background-color: transparent;
  filter: drop-shadow(0 4px 6px rgba(0,0,0,0.3));
}

#window-1 {
  position: absolute;
  z-index: 3;
  top: 40px;
  left: 30px;
  height: 130px;
  width: 130px;
  background-color: #fada5e;
  border: 12px solid #a67b5b;
}

#window-2 {
  position: absolute;
  z-index: 3;
  top: 40px;
  right: 30px;
  height: 130px;
  width: 130px;
  background-color: #fada5e;
  border: 12px solid #a67b5b;
}

#window-1::before,
#window-1::after,
#window-2::before,
#window-2::after {
  content: "";
  position: absolute;
  background-color: #a67b5b;
  z-index: 4;
}

#window-1::before,
#window-2::before {
  top: 0;
  left: 50%;
  width: 4px;
  height: 100%;
  transform: translateX(-50%);
}

#window-1::after,
#window-2::after {
  top: 50%;
  left: 0;
  width: 100%;
  height: 4px;
  transform: translateY(-50%);
}

#door {
  position: absolute;
  top: 200px;
  left: 170px;
  width: 150px;
  height: 190px;
  background-color: #80461b ;
  border: 8px solid #a67b5b;
}

#door::before {
  content: "";
  position: absolute;
  right: 20px;
  top: 100px;
  width: 12px;
  height: 12px;
  background-color: #3d2b1f;
  border-radius: 50%;
}

#ground {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 200px;
  background: linear-gradient(to top, #3b7a57 0%, #4caf50 100%);
  z-index: 0;
}