.what-biblical-saint-are-you {
  position: relative;
  width: 100%;
  height: 100%;
  background: radial-gradient(50% 50% at 50% 50%, #FFD0D9 0%, #DC8791 100%);
  box-shadow: 2px 1px 8px rgba(0, 0, 0, 0.25);
  border-radius: 8px;
}
.what-biblical-saint-are-you .reflected-light {
  position: absolute;
  bottom: 70px;
  left: 0px;
  width: 100%;
  text-align: center;
}
.what-biblical-saint-are-you .reflected-light img {
  width: auto;
  height: auto;
  max-width: 100%;
}
.what-biblical-saint-are-you .people {
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
  text-align: center;
}
.what-biblical-saint-are-you .people img {
  width: auto;
  height: auto;
  max-width: 100%;
  width: 100%;
}
.what-biblical-saint-are-you .question-mark {
  position: absolute;
  top: 23px;
  left: -10px;
  width: 100%;
  text-align: center;
}
.what-biblical-saint-are-you .question-mark img {
  width: auto;
  height: auto;
  max-width: 100%;
}
.what-biblical-saint-are-you .snippet-title {
  position: absolute !important;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  text-align: center;
}
.what-biblical-saint-are-you .snippet-title h3 {
  margin: 0px;
  text-align: center;
  position: absolute;
  bottom: 15px;
  left: 50%;
  width: 340px;
  height: 84px;
  margin-left: -169px;
}
.what-biblical-saint-are-you .snippet-title h3 .text-strock {
  position: relative;
  display: inline-block;
  text-align: center;
}
.what-biblical-saint-are-you .snippet-title h3 .text-strock:first-child .text {
  position: relative;
  font-family: "Roboto Slab", serif;
  font-style: normal;
  font-weight: bold;
  font-size: 30px;
  text-transform: capitalize;
  background: #FFC895;
  background: -webkit-gradient(linear, left top, left bottom, from(#FFC895), color-stop(55.212%, #FFDBBA), to(#AF3030));
  background: linear-gradient(180deg, #FFC895 0%, #FFDBBA 55.212%, #AF3030 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFC895", endColorstr="#AF3030", GradientType=1);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.what-biblical-saint-are-you .snippet-title h3 .text-strock:first-child .strock:before {
  font-family: "Roboto Slab", serif;
  font-style: normal;
  font-weight: bold;
  font-size: 30px;
  text-align: center;
  text-transform: capitalize;
  background: #7A1919;
  background: -webkit-gradient(linear, left top, left bottom, from(#7A1919), to(#200808));
  background: linear-gradient(180deg, #7A1919 0%, #200808 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#7A1919", endColorstr="#200808", GradientType=1);
  -webkit-background-clip: text;
  -webkit-text-stroke: 6px transparent;
  color: transparent;
  position: absolute;
  top: 0px;
  left: -3px;
  width: calc(100% + 6px);
  height: calc(100% + 6px);
}
.what-biblical-saint-are-you .snippet-title h3 .text-strock:nth-child(2) .text {
  position: relative;
  font-family: "Roboto Slab", serif;
  font-style: normal;
  font-weight: bold;
  font-size: 35px;
  text-transform: capitalize;
  background: #fff1a6;
  background: -moz-linear-gradient(180deg, #fff1a6 25.52%, #ff6a2b 85.42%);
  background: -webkit-linear-gradient(180deg, #fff1a6 25.52%, #ff6a2b 85.42%);
  background: linear-gradient(180deg, #fff1a6 25.52%, #ff6a2b 85.42%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fff1a6", endColorstr="#ff6a2b", GradientType=1);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.what-biblical-saint-are-you .snippet-title h3 .text-strock:nth-child(2) .strock:before {
  font-family: "Roboto Slab", serif;
  font-style: normal;
  font-weight: bold;
  font-size: 35px;
  text-align: center;
  text-transform: capitalize;
  background: #7A1919;
  background: -webkit-gradient(linear, left top, left bottom, from(#7A1919), to(#200808));
  background: linear-gradient(180deg, #7A1919 0%, #200808 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#7A1919", endColorstr="#200808", GradientType=1);
  -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);
}
.what-biblical-saint-are-you .snippet-title h3 .text-strock:nth-child(3) .text {
  position: relative;
  font-family: "Roboto Slab", serif;
  font-style: normal;
  font-weight: bold;
  font-size: 30px;
  text-transform: capitalize;
  background: #FFC895;
  background: -webkit-gradient(linear, left top, left bottom, from(#FFC895), color-stop(55.212%, #FFDBBA), to(#AF3030));
  background: linear-gradient(180deg, #FFC895 0%, #FFDBBA 55.212%, #AF3030 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFC895", endColorstr="#AF3030", GradientType=1);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.what-biblical-saint-are-you .snippet-title h3 .text-strock:nth-child(3) .strock:before {
  font-family: "Roboto Slab", serif;
  font-style: normal;
  font-weight: bold;
  font-size: 30px;
  text-align: center;
  text-transform: capitalize;
  background: #7A1919;
  background: -webkit-gradient(linear, left top, left bottom, from(#7A1919), to(#200808));
  background: linear-gradient(180deg, #7A1919 0%, #200808 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#7A1919", endColorstr="#200808", GradientType=1);
  -webkit-background-clip: text;
  -webkit-text-stroke: 6px transparent;
  color: transparent;
  position: absolute;
  top: 0px;
  left: -3px;
  width: calc(100% + 6px);
  height: calc(100% + 6px);
}
.what-biblical-saint-are-you .snippet-title h3 .text-strock:first-child .strock:before {
  content: "Which";
}
.what-biblical-saint-are-you .snippet-title h3 .text-strock:nth-child(2) .strock:before {
  content: "Biblical Saint";
}
.what-biblical-saint-are-you .snippet-title h3 .text-strock:nth-child(3) .strock:before {
  content: "Are You?";
}
@media only screen and (max-width: 1199px) and (min-width: 992px) {
  .what-biblical-saint-are-you .people {
    left: 50%;
    width: 320px;
    margin-left: -160px;
  }
  .what-biblical-saint-are-you .question-mark {
    top: 60px;
    left: 18px;
    width: 240px;
  }
}
@media only screen and (max-width: 991px) and (min-width: 768px) {
  .what-biblical-saint-are-you .people {
    left: 50%;
    width: 320px;
    margin-left: -160px;
  }
  .what-biblical-saint-are-you .question-mark {
    top: 55px;
    left: 35px;
    width: 245px;
  }
}
@media (max-width: 767px) {
  .what-biblical-saint-are-you .people {
    width: 372px;
    left: 50%;
    margin-left: -186px;
  }
  .what-biblical-saint-are-you .people img {
    width: auto;
  }
}

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