/* Background container for the house */
.house {
  position: relative;
  width: 550px;
  height: 400px;
  margin: 50px auto;
  background: #F0F8FF;
}

/* Roof*/
.roof {
  width: 0;
  height: 0;
  border-left: 100px solid transparent;
  border-right: 100px solid transparent;
  border-bottom: 60px solid #FFD700;
  position: absolute;
  top: 70px; /* Move the roof 50px down */
  left: 50px;
}

/* House body - Square shape */
.body {
  width: 200px;
  height: 250px;
  background-color: #FFD700;
  position: absolute;
  top: 130px;
  left: 50px;
}

/* Door*/
.door {
  width: 50px;
  height: 80px;
  background-color: #8B4513;
  position: absolute;
  bottom: 30px;
  left: 75px;
}

/* Windows*/
.window {
  width: 40px;
  height: 40px;
  border-radius: 20%;
  background-color: #FFFFFF;
  position: absolute;
  top: 170px;
}

/* Position for first window */
.window1 {
  left: 80px;
}

/* Position for second window */
.window2 {
  left: 170px;
}

/* Chimney */
.chimney {
  width: 40px;
  height: 70px;
  background-color: #A52A2A;
  border-radius: 5px;
  position: absolute;
  top: 90px;
  left: 200px;
}

/* Path around house*/
.path {
  width: 550px;
  height: 30px;
  background-color: #A9A9A9;
  position: absolute;
  bottom: 0px;
}

/* Garden - (Circle green plants behind fence)*/
.garden {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-color: #228B22;
  position: absolute;
  bottom: 30px;
  left: 240px;
}

.garden.plant1 {
  left: 320px;
}

.garden.plant2 {
  left: 370px;
}

.garden.plant3 {
  left: 430px;
}

/* Fence Posts (Up parts)*/
.fence {
  width: 10px;
  height: 50px;
  background-color: #D2691E;
  position: absolute;
  bottom: 30px;
}

.fence.fence1 {
  left: 200px;
}

.fence.fence2 {
  left: 300px;
}

.fence.fence3 {
  left: 400px;
}

.fence.fence4 {
  left: 500px;
}

/* Line connecting the fences */
.fence-line {
  width: 300px;
  height: 10px;
  background-color: #D2691E;
  position: absolute;
  bottom: 50px;
  left: 200px;
}