body {
  font-size: 20px;
  background-color: black;
  color: black;
  font-family: Tahoma;
}

h1 {
 font-family: Papyrus;
 color: red;
 font-size: 80px;
 padding: 0 0 0 0;
 margin: 0 0 0 0;
 position: absolute;
 left: 120px;
}

a {
 color: white;
 text-decoration: none;
}

a:hover {
 text-decoration: underline; 
 color: red;
}

#scene {
  background: url("bg1.jpg") no-repeat;
  height: 549px;
  width: 1200px;
  position: absolute;
  top: 65px;
  left: 80px;
}

#scene1 {
  background: url("bg2.jpg") no-repeat;
  height: 549px;
  width: 1200px;
  position: absolute;
  top: 65px;
  left: 80px;
}

#scene2 {
  background: url("bg3.png") no-repeat;
  height: 549px;
  width: 1200px;
  position: absolute;
  top: 65px;
  left: 80px;
}

#scene3 {
  background: url("bg4.png") no-repeat;
  height: 549px;
  width: 1200px;
  position: absolute;
  top: 65px;
  left: 80px;
}

#scene4 {
  background: url("bg5.png") no-repeat;
  border: solid 5px white;
  border-radius: 15px;
  height: 453px;
  width: 745px;
  position: absolute;
  top: 100px;
  left: 300px;
}

#dialog {
  position: absolute;
  top: 420px;
  left: 200px;
  background-color: rgba(0, 0, 0, .5);
  width: 800px;
  text-align: center;
  color: white;
  padding: 15px;
}
  
#dialog1 {
  position: absolute;
  top: 15px;
  left: 200px;
  background-color: rgba(0, 0, 0, .5);
  width: 800px;
  text-align: center;
  color: white;
  padding: 15px;
}
  
#dialog2 {
  position: absolute;
  top: 150px;
  left: 150px;
  background-color: rgba(0, 0, 0, .5);
  width: 300px;
  text-align: center;
  color: white;
  padding: 15px;
  }
  
#dialog3 {
  position: absolute;
  top: 50px;
  left: 600px;
  background-color: rgba(0, 0, 0, .5);
  width: 300px;
  text-align: center;
  color: white;
  padding: 15px;
}
  
#dialog4 {
  position: absolute;
  top: 50px;
  left: 600px;
  background-color: rgba(0, 0, 0, .5);
  width: 300px;
  text-align: center;
  color: white;
  padding: 15px;
}
  
#dialog5 {
  position: absolute;
  top: 50px;
  left: 275px;
  background-color: rgba(0, 0, 0, .5);
  width: 300px;
  text-align: center;
  color: white;
  padding: 15px;
}
  
#dialog6 {
  position: absolute;
  top: 250px;
  left: 275px;
  background-color: rgba(0, 0, 0, .5);
  width: 300px;
  text-align: center;
  color: white;
  padding: 15px;
}
  
  .button {
  display: inline-block;
  padding: 5px 10px;
  font-size: 14px;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  outline: none;
  color: #fff;
  background-color: LightSeaGreen;
  border: none;
  border-radius: 15px;
  box-shadow: 0 4px #999;
}

.button:hover {background-color: RoyalBlue}

.button:active {
  background-color: Blue;
  box-shadow: 0 2px #666;
  transform: translateY(4px);
}