/* general */
body {
  margin: 0;
  background-color: rgb(216, 216, 216)
}

div {
  color: white;
}

* {
  box-sizing: border-box;
}

/* gif */
img {
  width: 100vw;
}

/* button */
.button {

  position: absolute;
  width: 20vw;
  height: 10vw;
}

.button:hover {
 
  cursor: pointer;
}

/* button on page index.html */
#button_1 {
  top: 30.5vw;
  left: 72.5vw;
}

/* button on page 1-1.html */
#button_1-1 {
  top: 8.5vw;
  left: 35vw;
}

/* button on page 1-2.html */
#button_1-2_hide {
  top: 28.5vw;
  left: 75vw;
}

#button_1-2_wait {
  top: 38.5vw;
  left: 75vw;
}

/* button on page 1-3.html */
#button_1-3 {
  top: 31vw;
  left: 72vw;
}

/* button on page 1-4.html */
#button_1-4_yes {
  top: 35vw;
  left: 8vw;
}
#button_1-4_no {
  top: 35vw;
  left: 72vw;
}

/* button on page 1-5.html */
#button_1-5 {
  top: 10vw;
  left: 50vw;
  width: 47vw;
}

/* button on page 1-6.html */
#button_1-6 {
  width: 100vw;
  height: 100vh;
  top: 0;
  left: 0;
}

/* button on page 1-7.html */
#button_1-7 {
  top: 34vw;
  left: 78vw;
}

/* button on page 1-8.html */
#button_1-8 {
  top: 34vw;
  left: 78vw;
}

/* button on page 2-1.html */
#button_2-1 {
  top: 7vw;
  left: 22vw;
  width: 35vw;
}

/* button on page 2-2.html */
#button_2-2_name {
  top: 25vw;
  left: 10vw;
  width: 28vw;
}
#button_2-2_run {
  top: 37vw;
  left: 30vw;
}

/* button on page 2-3.html */
#button_2-3 {
  top: 36vw;
  left: 82vw;
  width: 17vw;
}

/* button on page 2-4.html */
#button_2-4 {
  top: 5vw;
  left: 8vw;
}

/* button on page 3-1.html */
#button_3-1_with {
  top: 36vw;
  left: 58vw;
}
#button_3-1_take_off {
  top: 23vw;
  left: 40vw;
}

/* button on page 4-1.html */
#button_4-1 {
  top: 25vw;
  left: 70vw;
}

/* button on page 2-3.html */
#button_3-1 {
  top: 4vw;
  left: 6vw;
}

#button_4-2_in_the_box {
  top: 13vw;
  left: 37vw;
  width: 18vw;
  height: 23vh;
}

#button_4-3_box_on_the_head {
  top: 16vw;
  left: 58vw;
  width: 18vw;
  height: 20vh;
}

#button_4-4 {
top: 7vw;
  left: 80vw;
}

#button_4-1_intro {
  top: 4vw;
  left: 6vw;
}

#button_4-4 {
  top: 3vw;
  left: 80vw;
}


#button_5 {
  top: 0vw;
  left: 0vw;
  width: 100vw;
  height: 100vh;
}

#button_4-5 {
  top: 7vw;
  left: 77vw;
}

/* mobile notification */
/* #mobile-notification {
  background-color: blue;
  width: 100vw;
  height: 100vh;
}

@media screen and (max-width: 500px) {
  #mobile-notification {
    display: show;
  }
} */