.gambar-soal-fixed {
  z-index: 11;
  position: fixed;
  width: 37.5%;
  height: 53%;
  top: 35%;
  left: 29.7%;
  
}
.soal-fixed {
  z-index: 10;
  position: fixed;
  height: 84%;
  top: 14%;
  left: 18%;
}
.replay-fixed {
  z-index: 11;
  position: fixed;
  width: 5.5%;
  height: 10.5%;
  top: 23%;
  left: 68.7%;
}

.petunjuk-fixed {
  z-index: 10;
  position: fixed;
  height: 95%;
  top: 4%;
  left: 80%;
}

.text-fixed {
  z-index: 10;
  position: fixed;
}

.petunjuk-judul {
  top: 18%;
  left: 86%;
  text-align: center;
}
.petunjuk-konten {
  top: 32%;
  left: 82.5%;
  width: 13%;
  text-align: center;
}
.text-justify {
  
  text-align: justify;

}
.tombol-fixed {
  position: fixed;
  top: 86%;
  left: 89.5%;
  width: 7%;
  z-index: 14;
}

.nilai-fixed {
  top: 86.5%;
  left: 82.5%;
  width: 4%;
  border-style: solid;
  border-radius: 10px;
  border-color: var(--brown);
  background-color: var(--white50);
  z-index: 14;
  text-align: center;
  vertical-align: middle;
  font-size: 24px;
}

.jamur-fixed {
  z-index: 14;
  position: fixed;
  top: 79.5%;
  left: 81.5%;
  width: 8%;
}
.bunga-fixed {
  z-index: 14;
  position: fixed;
  top: 77.5%;
  left: 89.5%;
  width: 9%;
}

.isian-fixed {
  position: fixed;
  top: 53.5%;
  left: 82.7%;
  width: 13%;
  height: 30%;
  z-index: 14;
}

.count {
  text-align: center;
  width: 100px;
}

.back-btn {
transition: transform 0.2s;

}
.back-btn:hover {
  transform: scale(1.3);

}
.next-btn {
transition: transform 0.2s;

}
.next-btn:hover {
  transform: scale(1.3);

}

ul {
  padding-left: 18px;
}