body {
  padding: 5px 25px;
  margin: 0;
}

#background {
  position: absolute;
  width: 250px;
  max-width: 310px;
  margin: 0 auto;
  background: beige;
  height: 250px;
  margin: 20px;
  text-align: center;
}

#wrapper{
  position: relative;
  width: 100%;
  max-width: 310px;
  margin: 0 auto;
}

.house {
  display: inline-block;
  position: relative;
  width: 65%;
  height: 82%;
  background-color: rgb(63, 81, 126);
  top: 18%;
}

#blackbox {
  position: relative;
  width: 35px;
  height: 35px;
  background-color: black;
  top: 35px;
  left: 34px;

}

#blackbox1 {
  position: relative;
  width: 35px;
  height: 35px;
  background-color: black;
  left: 94px;
}

#blackbox2 {
  position: relative;
  width: 35px;
  height: 35px;
  background-color: black;
  top: 35px;
  left: 34px;
}

#blackbox3 {
  position: relative;
  width: 35px;
  height: 35px;
  background-color: black;
  left: 94px;
}