meaning.css

/* -----------------------------------------------
Meaning */
.meaning {
  -webkit-border-radius: 0.5em;
  -moz-border-radius: 0.5em;
  -ms-border-radius: 0.5em;
  -o-border-radius: 0.5em;
  border-radius: 0.5em;
  margin: 3em 0.75em;
  padding: 1.5em;
  background: #d33682;
  color: #080205;
}
.meaning > h3 {
  -moz-border-radius-topleft: 0.5em;
  -webkit-border-top-left-radius: 0.5em;
  border-top-left-radius: 0.5em;
  -moz-border-radius-topright: 0.5em;
  -webkit-border-top-right-radius: 0.5em;
  border-top-right-radius: 0.5em;
  margin: -1.5em;
  margin-bottom: 1.5em;
  padding: 1.5em;
  background: rgba(8, 2, 5, 0.5);
  color: #d33682;
}

meaning.scss

// -----------------------------------------------
// Meaning Settings

$rhythm       : 1.5em;
$bg           : #d33682;
$text         : darken($bg,50);

/* -----------------------------------------------
Meaning */

.meaning {
  @include border-radius(.5em);
  margin: $rhythm*2 $rhythm/2;
  padding: $rhythm;
  background: $bg;
  color: $text; 
  > h3 {
    @include border-top-radius(.5em);
    margin: - $rhythm;
    margin-bottom: $rhythm;
    padding: $rhythm;
    background: rgba($text,.5);
    color: $bg; 
  }
}