body {
  margin: 0;
}

body h1, body h2, body h3, body h4, body h5, body h6 {
  margin: 0;
}

body p {
  font-size: 1.4em;
  margin: 0;
}

body a {
  text-decoration: none;
}

#pile {
  position: absolute;
  height: 100%;
  width: 100%;
}

#pile .slate {
  display: table;
  height: 100%;
  width: 100%;
}

#pile .slate .backdrop {
  display: table-cell;
  vertical-align: middle;
}

#pile .slate .backdrop .content {
  overflow: hidden;
  margin: 0 auto;
  width: 1400px;
  text-align: center;
}

#slate-1 .backdrop .content #canvas {
  width: 1400px;
  height: 1000px;
  float: left;
}

#slate-1 .backdrop .content #canvas .tool-tip {
  pointer-events: none;
}

#slate-1 .backdrop .content #canvas .tool-tip rect {
  stroke-width: 20;
}

#slate-1 .backdrop .content #canvas .tool-tip text {
  text-anchor: middle;
  fill: #FFF;
}

#slate-1 .backdrop .content #canvas .link {
  opacity: 0.3;
}

#slate-1 .backdrop .content #canvas .axis {
  pointer-events: none;
}

#slate-1 .backdrop .content #canvas .axis text {
  opacity: 0.7;
}

#slate-1 .backdrop .content #canvas .axis path {
  opacity: 0;
}

#slate-1 .backdrop .content #canvas .guide {
  stroke: #000;
  stroke-width: 4;
  fill: none;
  opacity: 0.05;
  pointer-events: none;
}

#slate-1 .backdrop .content #canvas .colour-key .label {
  color: #4C4C4C;
  font-size: 1em;
  text-anchor: left;
  cursor: default;
  padding-right: 30px;
}

#slate-1 .backdrop .content #canvas .colour-key .tile {
  opacity: 0;
}

#slate-1 .backdrop .content #canvas .object-keys line {
  stroke: #555;
  opacity: 0.6;
}

#slate-1 .backdrop .content #canvas .object-keys circle {
  fill: #555;
}