.surah .moon.theme {
  $gold: darken(#ECB200, 5%);
  $white: #FFF;

  .flex-image {
    .image {
      background-image: url("/images/moon.svg");
      background-size: cover;
    }
  }

  ul.stream {
    li.ayah {
      span:first-child {
        color: $gold;
      }
      p { }
    }
  }

  .timer {
    color: $white;
    background-color: lighten($gold, 5%);
  }

  .about-surah {
    color: $gold;
  }
}

.surah .moon.theme.ar {
  direction: rtl;
  font-family: "Vazirmatn Regular";
}