.biblical-name {
  position: relative;
  width: 100%;
  height: 100%;
  background: radial-gradient(50% 50% at 50% 50%, #FFFFFF 0%, #C7F1DA 100%);
  box-shadow: 2px 1px 8px rgba(0, 0, 0, 0.25);
  border-radius: 8px;
}
.biblical-name .john-hand {
  position: absolute;
  left: 15px;
}
.biblical-name .john-name {
  position: absolute;
  left: 48px;
  top: 60px;
}
.biblical-name .judas-hand {
  position: absolute;
  top: 8px;
  right: 0px;
}
.biblical-name .judas-name {
  position: absolute;
  top: 25px;
  right: 52px;
}
.biblical-name .mary-hand {
  position: absolute;
  bottom: 0px;
  right: 12px;
}
.biblical-name .mary-name {
  position: absolute;
  bottom: 56px;
  right: 56px;
}
.biblical-name .joseph-hand {
  position: absolute;
  left: 0px;
  bottom: 0px;
}
.biblical-name .joseph-name {
  position: absolute;
  left: 22px;
  bottom: 38px;
}
.biblical-name .snippet-title {
  position: absolute !important;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
}
.biblical-name .snippet-title h3 {
  margin: 0px;
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 252px;
  height: 84px;
  margin-left: -126px;
  margin-top: -42px;
}
.biblical-name .snippet-title h3 .text-strock {
  position: relative;
  display: block;
}
.biblical-name .snippet-title h3 .text-strock .text {
  position: relative;
  font-family: "Roboto Slab", serif;
  font-style: normal;
  font-weight: bold;
  font-size: 35px;
  text-align: center;
  text-transform: capitalize;
  background: #efff95;
  background: linear-gradient(180deg, #efff95 0%, #c9ffba 55.2%, #008039 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.biblical-name .snippet-title h3 .text-strock .strock:before {
  font-family: "Roboto Slab", serif;
  font-style: normal;
  font-weight: bold;
  font-size: 35px;
  text-align: center;
  text-transform: capitalize;
  background: #458e59;
  background: linear-gradient(180deg, #458e59 0%, #14211b 100%);
  -webkit-background-clip: text;
  -webkit-text-stroke: 8px transparent;
  color: transparent;
  position: absolute;
  top: 0px;
  left: -4px;
  width: calc(100% + 8px);
  height: calc(100% + 8px);
}
.biblical-name .snippet-title h3 .text-strock:first-child .strock:before {
  content: "What is your";
}
.biblical-name .snippet-title h3 .text-strock:nth-child(2) .strock:before {
  content: "Biblical Name?";
}

/*# sourceMappingURL=style.css.map */