body, html {
  height: 100%;
  margin: 0;
  overflow: hidden;
}

#background {
  background-image: url(images/bakeryindoor.jpeg);
  height: 100%;
   background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.nanaoparent {
  position: absolute;
  top: 10%;
  left: 55%;
width: 90vh;
height: 90vh;
}

#nanaobaker {
  position: absolute;
  height: 90vh;
  width: 90vh;
}

#redbutton{
  width: 80px;
  height: 80px;
  position: absolute;
  top: 50%;
  left: 20%;
  cursor: pointer;
}

#boom {
  top: -15%;
  left: 0;
  position: absolute;
}

#explosion {
  width: 2000px;
  height: 1200px;
}