#scene {
  width: 100%;
  position: fixed;
  bottom: 0;
  margin-bottom: 10px;
  z-index: 990;
}
#scene div#nextBtn {
  width: 30px;
  height: 30px;
  display: block;
  /*margin: auto;;*/
  background-image: url('nextBtn-default.png');
  background-repeat: no-repeat;
  background-size: 100% 100%;
  cursor: pointer;
  margin-top: 3px;
}
#scene div#nextBtn:hover {
  background-image: url('nextBtn-hover.png');
}
#scene div#nextBtn:active {
  background-image: url('nextBtn-click.png');
}
#scene div#backBtn {
  width: 30px;
  height: 30px;
  display: block;
  /*margin: auto;;*/
  background-image: url('prevBtn-default.png');
  background-repeat: no-repeat;
  background-size: 100% 100%;
  cursor: pointer;
  margin-top: 3px;
}
#scene div#backBtn:hover {
  background-image: url('prevBtn-hover.png');
}
#scene div#backBtn:active {
  background-image: url('prevBtn-click.png');
}

.bottomNav{
  display: flex;
  justify-content: center;
}
/* #scene div:hover{
width: 100%;
height: 100%;
background-image: url('rewind-hover.png');
background-repeat: no-repeat;
background-size: 100% 100%;
} */
#allScenes{
  display: flex;
}
.pages{
  width: 20px;
  height: 20px;
  cursor: pointer;
  margin: 8px;
  background-image: url('indicator-default.png');
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.active{
  background-image: url('indicator-active.png');
}