* {
  margin:      0;
  font-family: 'Amatic SC', cursive;
}
html {
  margin: 1.0em;
}
h1 {
  font-size:    48px;
  font-weight:  bold;
}
h1 a,
h1 a:visited {
  text-decoration:  none;
  font-weight:      normal;
  font-size:        90%;
  color:            #000;
  border-bottom:    1px dashed #bbb;
}
h1 a:hover {
  color: red;
}
.waveform > svg,
.waveform > div {
  border:       2px solid #ddd;
  height:       140px;
  margin-left:  40px;
  padding:      2px;
  position:     relative;
  width:        880px;
}
.waveform h2 {
  margin-left:  40px;
  font-size:    36px;
}
.waveform > div div.bar {
  background-color:  red;
  position:          absolute;
}
.waveform .svg g rect {
  fill:     red;
  opacity:  0.5;
}
.soundcloud_embed {
  display:     none;
  opacity:     0.5;
  margin-left: 40px;
  width:       968px;
  /* weird padding offset; SC embed is slightly too short? */
}
.axis {
  position: absolute;
  top:      4px;
  left:    -40px;
}
.axis g path.domain {
  display: none;
}
.axis g text {
  font-family: 'Roboto', sans-serif;
  opacity:      0.5;
  font-size:    10px;
}