.what-kind-of-angel-are-you {
  position: relative;
  width: 100%;
  height: 100%;
  background: radial-gradient(50% 50% at 50% 50%, #CCD7EA 0%, #9CB4DE 100%);
  box-shadow: 2px 1px 8px rgba(0, 0, 0, 0.25);
  border-radius: 8px;
}
.what-kind-of-angel-are-you .cloud {
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
  text-align: center;
}
.what-kind-of-angel-are-you .cloud img {
  width: auto;
  height: auto;
  max-width: 100%;
}
.what-kind-of-angel-are-you .angel {
  position: absolute;
  top: 75px;
  left: 0px;
  width: 100%;
  text-align: center;
}
.what-kind-of-angel-are-you .angel img {
  width: auto;
  height: auto;
  max-width: 100%;
}
.what-kind-of-angel-are-you .snippet-title {
  position: absolute !important;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  text-align: center;
}
.what-kind-of-angel-are-you .snippet-title h3 {
  margin: 0px;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
}
.what-kind-of-angel-are-you .snippet-title h3 .text-strock {
  margin: 0px;
  text-align: center;
  position: absolute;
  top: 75px;
  left: 50%;
  width: 340px;
  height: 84px;
  margin-left: -169px;
  line-height: 38px;
}
.what-kind-of-angel-are-you .snippet-title h3 .text-strock:nth-child(2) {
  top: 190px;
}
.what-kind-of-angel-are-you .snippet-title h3 .text-strock .text {
  position: relative;
  font-family: "Roboto Slab", serif;
  font-style: normal;
  font-weight: bold;
  font-size: 30px;
  text-transform: capitalize;
  background: #ffe0a6;
  background: -moz-linear-gradient(180deg, #ffe0a6 20.83%, #ffb42a 55.73%, #fc9529 82.29%);
  background: -webkit-linear-gradient(180deg, #ffe0a6 20.83%, #ffb42a 55.73%, #fc9529 82.29%);
  background: linear-gradient(180deg, #ffe0a6 20.83%, #ffb42a 55.73%, #fc9529 82.29%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffe0a6", endColorstr="#fc9529", GradientType=1);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.what-kind-of-angel-are-you .snippet-title h3 .text-strock .strock:before {
  font-family: "Roboto Slab", serif;
  font-style: normal;
  font-weight: bold;
  font-size: 30px;
  text-align: center;
  text-transform: capitalize;
  background: #2b5fa8;
  background: -moz-linear-gradient(180deg, #2b5fa8 0%, #0b133a 100%);
  background: -webkit-linear-gradient(180deg, #2b5fa8 0%, #0b133a 100%);
  background: linear-gradient(180deg, #2b5fa8 0%, #0b133a 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#2b5fa8", endColorstr="#0b133a", 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-kind-of-angel-are-you .snippet-title h3 .text-strock:first-child .strock:before {
  content: "What Kind Of";
}
.what-kind-of-angel-are-you .snippet-title h3 .text-strock:nth-child(2) .strock:before {
  content: "are you?";
}

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