.card-desc {
  font-family: SF Pro Text;
  font-size: 13px;
  font-style: normal;
  font-weight: 300;
  line-height: 20px;
  letter-spacing: -0.23999999463558197px;
  text-align: left;
  color: rgb(159,159,159);
  line-height: 20px;
  letter-spacing: -0.24 px;
  /*font-size: 15px;*/
  padding-top: 5px;
  margin-bottom: 7px;
}

.head-title {
  /*color: white;*/
  font-family: SF Pro Text;
  margin-top: 20px;
  display: inherit;
  font-style: normal;
  font-weight: 600;
  color: #818C99;
  //styleName: SF Caption Caps 3 Medium;
  font-family: SF Pro Text;
  font-size: 11px;
  font-style: normal;
  font-weight: 600;
  line-height: 14px;
  letter-spacing: 0.05999999865889549px;
  text-align: left;
  letter-spacing: 0.06px;
  font-size: 11px;
  line-height: 14px;
  text-transform: uppercase;
  /*margin-top: 44px;*/
  margin-bottom: 1px;
}

.head-subtitle {
  font-family: 'Trajan Pro 3';
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  display: inline-block;
  color: rgb(166,147,129);
  line-height: 20px;
  letter-spacing: -0.3199999928474426px;
  text-align: left;
}

.b-title {
  font-family: SF Pro Text;
  font-style: normal;
  font-weight: 600;
  color: #818C99;
  //styleName: SF Caption Caps 3 Medium;
  font-family: SF Pro Text;
  font-size: 11px;
  font-style: normal;
  font-weight: 600;
  line-height: 14px;
  letter-spacing: 0.05999999865889549px;
  text-align: left;
  letter-spacing: 0.06px;
  font-size: 11px;
  line-height: 14px;
  text-transform: uppercase;
}

.decor {
  position: absolute;
}

li {
  cursor: pointer;
  /*padding-top: 10px;*/
}

.chapz li {
  padding-top: 10px;
}

#text {
  /*opacity: 0;*/
  transition: all 3s ease-out;
}

img {
  transition: all 6s ease-out;
}

#text {
  user-select: none;
}

span {
  user-select: none;
}