#contact {
  border: 2px solid red;

  position: relative;
  /* 기준 */
}

/*  */
.contact_window {
  border: 2px solid black;
  width: 50%;
  height: 20%;

  position: absolute;
  top: 15%;
  left: 10%;
}

.contact_window::before {
  content: "";
  border: 2px solid yellow;
  width: 20%;
  height: 10%;

  position: absolute;
  top: 10%;
  left: -20%;
}

.contact_window::after {
  content: "";
  border: 2px solid green;
  width: 20%;
  height: 10%;

  position: absolute;
  top: 80%;
  left: -20%;

}

/*  */
.rooftop {
  border: 2px solid pink;
  width: 70%;
  height: 60%;

  position: absolute;
  top: 40%;
  left: 0%;
}

/*  */
.building {
  border: 2px solid orange;
  width: 40%;
  height: 70%;

  position: absolute;
  top: 30%;
  right: 0%;
}

/*  */
.fireworks{
  border: 2px solid blue;
  width: 50%;
  height: 20%;

  position: absolute;
  top: 10%;
  right: 0%;
}