.notes {
  position: absolute;
  top: 20px;
  right: 20px;
  padding: 15px;
  width: 250px;
  background: yellow;
  font-family: "Lucida Grande", sans-serif;
  font-size: 14px;
}
h1 {
  font-size: 16px;
  margin-top: 0;
}

.browser {
  position: absolute;
  top: 350px;
  left: 300px;
  border: 1px solid #777;
}
.cutout {
  position: absolute;
  height: 90px;
  top: 380px;
  left: 300px;
  width: 189px;
}
.phone-stage {
  border: 1px solid blue;
  position: absolute;
  top: 0;
  left: 0;
  margin-left: 10px;
  -webkit-transform: translate(-325px, -234px) rotate(-30deg);
     -moz-transform: translate(-325px, -234px) rotate(-30deg);
       -o-transform: translate(-325px, -234px) rotate(-30deg);
      -ms-transform: translate(-325px, -234px) rotate(-30deg);
          transform: translate(-325px, -234px) rotate(-30deg);
}
.bphone {
  position: absolute;
  margin-left: 10px;
  -webkit-transform: translate(0px, 0px) rotate(-30deg);
     -moz-transform: translate(0px, 0px) rotate(-30deg);
       -o-transform: translate(0px, 0px) rotate(-30deg);
      -ms-transform: translate(0px, 0px) rotate(-30deg);
          transform: translate(0px, 0px) rotate(-30deg);
}