Edit in JSFiddle

@font-face {
  font-family: 'Alfa Slab One';
  font-style: normal;
  font-weight: 400;
  src: url(http://themes.googleusercontent.com/static/fonts/alfaslabone/v2/Qx6FPcitRwTC_k88tLPc-SbsRidxnYrfzLNRqJkHfFo.ttf) format('truetype');
}

html {
    background: #017ec0;
    background: -moz-radial-gradient(top, ellipse cover, #84C3E2 -20%, #017ec0 100%); /* FF */
    background: -webkit-gradient(radial, center top, 0px, center center, 100%, color-stop(-20%,#84c3e2), color-stop(100%,#017ec0)); /* Chrome,Safari4+ */
    background: -webkit-radial-gradient(top, ellipse cover, #84c3e2 -20%, #017ec0 100%); /* Chrome10+,Safari5.1+ */
    background: -o-radial-gradient(top, ellipse cover, #84c3e2 -20%, #017ec0 100%); /* Opera 12+ */
    background: -ms-radial-gradient(center, ellipse cover, #84c3e2 -20%,#017ec0 100%); /* IE10+ */    background: radial-gradient(ellipse at top, #84C3E2 -20%, #017ec0 100%); /* W3C */
    color: #000;
    height: 100%;
    width: 100%;
}

body {
    font: 1em/1.35 'Alfa Slab One', serif;
    padding: 100px 20px;
}

div {
    font-size: 3em;
    border-bottom: 1px dashed rgba(255, 255, 255, 0.35);
    border-top: 1px dashed rgba(0, 0, 0, 0.5);
    margin: 0;
    padding: 0;
    text-align: center;
    /* text-shadow: -1px 1px 0 rgba(255,255,255,.4); */
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    text-transform: uppercase;
}

p {
    border-bottom: 1px dashed rgba(0, 0, 0, 0.5);
    border-top: 1px dashed rgba(255, 255, 255, 0.35);
    margin: 0;
    padding: .5em;
}