body { 
  /* text-align: right;   */
  font-family: 'Roboto';
  font-size:x-large;
}

.quran {
    /* color: black; */
    background-color:#d8f2cf;
    /* font-weight: bold; */
    /* font-size: xx-large; */
}
.hadeeth {
    /* color: lightblue; */
    background-color:wheat;
    /* font-weight: bold; */
    /* font-size: xx-large; */
}
.quote {
    /* color: orange; */
     background-color:khaki;
}
.source {
    color: grey;
    /* font-size: small; */
}
.person {
    color: blue;
    font-weight: bold;
}
.poetry {
    color: purple;
}

.map-marker {
  /* background-color: #4285F4; */
  background-color: pink;
  /* border-color: black; */
  border: 1px solid black;
  border-radius: 8px;
  /* color: #FFFFFF; */
  color: black;
  /* font-size: 14px; */
  font-size: large;
  /* padding: 10px 15px; */
  padding: 2px 5px;
  position: relative;
  transform: translateY(-8px);
}

.map-marker::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 100%;
  transform: translate(-50%, 0);
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 8px solid black;
}