<h1 class="site-logo">CSS <strong>newbie</strong></h1>
@import "compass/css3";

body {
  background: #B0E6FF;
  text-align: center;
}
.site-logo {
  margin: 0;
  font: 900 144px/1 'Raleway', serif;;
  letter-spacing: -.065em;
  position: relative;
  color: #008ccb;
  display: inline-block;
  strong {
    position: absolute;
    top: 69%; 
    left: 50%;
    @include rotate(-10deg);
    font-weight: normal;
    letter-spacing: normal;
    font-size: .4em;
    padding: 7px 7px;
    color: #fff;
    border-radius: 8px;
    border: 3px solid white;
    text-shadow: 0 4px 1px rgba(0,0,0,.65);
    box-shadow: inset 0 0 3px rgba(0,0,0,.8);
    background-color: #005da6;
    @include background-image(radial-gradient(#005da7 0%, #283991 85%));
  }
}
View Compiled

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.