/* ===== Hope Scene ===== */
#hopeScene {
  position: fixed;
  z-index: 9500;
  pointer-events: none;
  width: 300px;
  height: 310px;
  right: -350px;
  top: 22vh;
}
.hope-sun {
  display: block;
  position: absolute;
  width: 200px;
  left: 0; right: 0;
  margin: auto;
  top: 55px;
  z-index: 1;
  opacity: 0;
  filter: drop-shadow(0 10px 36px rgba(255,150,0,.55));
}
.hope-text {
  display: block;
  position: absolute;
  width: 140px;
  left: auto;
  right: 62px;
  margin: 0;
  top: 79px;
  z-index: 2;
  opacity: 0;
}
.hope-cloud-img {
  display: block;
  position: absolute;
  width: 300px;
  left: 0; right: 0;
  margin: auto;
  bottom: 0;
  z-index: 3;
  opacity: 0;
  filter: drop-shadow(0 4px 14px rgba(0,0,0,.14));
}
@media (max-width: 600px) {
  #hopeScene      { width: 170px; height: 185px; right: -200px; top: 18vh; }
  .hope-sun       { width: 115px; top: 35px; }
  .hope-text      { width: 95px; left: 42px; top: 50px; z-index: 4; }
  .hope-cloud-img { width: 170px; }
}