.trivia-snippet {
  position: relative;
  width: 100%;
  height: 100%;
  background: radial-gradient(50% 50% at 50% 50%, #FFFFFF 0%, #EDC7A2 100%);
  box-shadow: 2px 1px 8px rgba(0, 0, 0, 0.25);
  border-radius: 8px;
}
.trivia-snippet a:before {
  content: "";
  width: 100%;
  height: 117px;
  position: absolute;
  top: 0px;
  left: 0px;
  background: linear-gradient(180deg, rgba(103, 84, 66, 0) 0%, rgba(103, 84, 66, 0.5) 100%);
  border-radius: 0px 0px 8px 8px;
  transform: rotate(-180deg);
}
.trivia-snippet .bible {
  position: absolute;
  top: 20px;
  left: 50%;
  margin-left: -78px;
}
.trivia-snippet .snippet-title {
  position: absolute !important;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  text-align: center;
}
.trivia-snippet .snippet-title h3 {
  margin: 0px;
  text-align: center;
  position: absolute;
  bottom: 15px;
  left: 50%;
  width: 340px;
  height: 84px;
  margin-left: -169px;
}
.trivia-snippet .snippet-title h3 .text-strock {
  position: relative;
  display: block;
  text-align: center;
}
.trivia-snippet .snippet-title h3 .text-strock .text {
  position: relative;
  font-family: "Roboto Slab", serif;
  font-style: normal;
  font-weight: bold;
  font-size: 35px;
  text-transform: capitalize;
  background: #fff961;
  background: -webkit-gradient(linear, left top, left bottom, from(#fff961), color-stop(55.212%, #ffca4d), to(#ff7623));
  background: linear-gradient(180deg, #fff961 0%, #ffca4d 55.212%, #ff7623 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fff961", endColorstr="#ff7623", GradientType=1);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.trivia-snippet .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: #ab216a;
  background: -webkit-gradient(linear, left top, left bottom, from(#ab216a), to(#2e0b1f));
  background: linear-gradient(180deg, #ab216a 0%, #2e0b1f 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ab216a", endColorstr="#2e0b1f", 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);
}
.trivia-snippet .snippet-title h3 .text-strock:first-child .strock:before {
  content: "Daily proverbs";
}
.trivia-snippet .snippet-title h3 .text-strock:nth-child(2) .strock:before {
  content: "For a better day";
}

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