* { box-sizing: border-box; }

body { font-family: sans-serif; }

#model {
  text-align: center;
}

#scene,
#roofHolder {
  border: 1px solid #CCC;
  margin: 0 auto;
}

#building,
#roof {
  position: relative;
  transform-style: preserve-3d;
  transition: transform 0s;
}

.cube__face,
#roofSide {
  position: absolute;
  opacity: .7;
}


/* roof */
#roofSide {
  background-color: black;
}

.hide {
  display: none;
}