body {
  text-align: center;
  height: 100%;
  background-repeat: no-repeat;
  background-attachment: fixed;

  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#febbbb+0,fe9090+45,ff5c5c+100;Red+3D+%231
  background: rgb(254,187,187); / * Old browsers * /
  background: -moz-radial-gradient(center, ellipse cover, rgba(254,187,187,1) 0%, rgba(254,144,144,1) 45%, rgba(255,92,92,1) 100%); / * FF3.6-15 * /
  background: -webkit-radial-gradient(center, ellipse cover, rgba(254,187,187,1) 0%,rgba(254,144,144,1) 45%,rgba(255,92,92,1) 100%); / * Chrome10-25,Safari5.1-6 * /
  background: radial-gradient(ellipse at center, rgba(254,187,187,1) 0%,rgba(254,144,144,1) 45%,rgba(255,92,92,1) 100%); / * W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ * /
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#febbbb', endColorstr='#ff5c5c',GradientType=1 ); / * IE6-9 fallback on horizontal gradient * /
  */
  background: #f9eee8;
  background-image: url("woman.png");
  background-position: center;

}
.banner {
  position: absolute;
  margin: auto;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 765px;
  height: 535px;
}
.join-now {
  font-family: "Comic Sans MS", cursive, sans-serif;
  font-size: .75em;
  text-align: left;
  display: block;
  width: 100%;
  height: 100%;
  background-image: url("all-you-need-is-cupqake.png");
  background-repeat: no-repeat;
}
.join-now p {
  display: inline-block;
  color: #ffffff;
  text-align: center;
  position: relative;
  top: 56px;
  left: 350px;
}
.credits {
  font-size: 8px;
  display: inline-block;
  position: absolute;
  bottom: -20px;
  color: #C0C0C0;
  text-align: center;
}
.credits a {
  color: #C0C0C0;
}