body {
  font-family: sans-serif;
  padding: 20px;
  direction: rtl;
}

.ayat {
  cursor: pointer;
  padding: 10px;
  border-bottom: 1px solid #ccc;
}

.ayat:hover {
  background-color: #eef;
}

#info-box {
  margin-top: 20px;
  background: #f0f8ff;
  padding: 10px;
  border: 1px solid #aaa;
}