html, body {
  margin: 0;
  padding: 0;
  background: white;
}
#text {
  position: absolute;
  
  /* this is needed to have svg events work */
  pointer-events: none;
  
  line-height: 4em;
  
  font-family: Georgia;
  font-size: 18px;
  
  /*text-align: justify;*/
  
  /* padding is used to make sure the svg fits */
  padding: 12px;
}
#text > span {
  padding-left: 1px;
  padding-right: 1px;
}
rb {
  /* this enables text selection */
  pointer-events: all;
  padding-bottom: 2px;
}
rt {
  padding-left: 16px;
  padding-right: 16px;
}

#annotations {
  position: absolute;
}

.token {
  fill: #999;
}
.lemma {
  font-size: 9px;
  font-family: sans-serif;
  text-anchor: middle;
  color: #999;
  text-align: center;
}
ruby {
  ruby-position: after;
  -webkit-ruby-position: after;
}
.pos, .polarity, .senmod {
  fill: #2A9DC2;
}
.proper {
  fill: #555;
}
.ne, .proper {
  fill-opacity: 0.15;
}
.splitter {
  fill: #999;
  stroke: #999;
}