* {
  margin: 0;
  padding: 0; }

#container {
  margin: 50px auto;
  width: 100%;
  max-width: 1000px;
  height: 500px; }

svg {
  background-color: #ffffff;
  border: 1px solid #c8c8c8;
  border-radius: 4px;
  box-sizing: border-box;
  display: block;
  width: 100%;
  height: 100%; }

#text-wrapper,
#nontext-wrapper {
  transition: opacity 250ms; }

#title,
#narration {
  font-family: "Source Sans Pro WF";
  font-weight: 100;
  text-anchor: left;
  font-size: 37px;
  transition: opacity 250ms; }
  #title .em,
  #title .em-blue,
  #title .em-orange,
  #narration .em,
  #narration .em-blue,
  #narration .em-orange {
    font-weight: 800; }
  #title .em,
  #narration .em {
    fill: #000000; }
  #title .em-blue,
  #narration .em-blue {
    fill: #4c6bcc; }
  #title .em-orange,
  #narration .em-orange {
    fill: #ff6740; }

#title {
  font-size: 20px; }

.axis {
  font-family: "Source Sans Pro WF";
  font-size: 11px;
  font-weight: 100;
  text-transform: uppercase; }
  .axis .domain {
    stroke: none; }
  .axis .tick line {
    stroke: #c8c8c8; }

.line {
  fill: none;
  stroke-width: 2px; }

.fade {
  opacity: 0; }

.tooltip {
  transition: opactity 250ms; }

.tooltip-text {
  font-family: "Source Sans Pro WF";
  font-size: 15px;
  font-weight: 400; }

#buttons {
  margin-bottom: 20px;
  height: 40px; }
  #buttons p {
    border-top: 1px solid #c8c8c8;
    border-bottom: 1px solid #c8c8c8;
    border-left: 1px solid #c8c8c8;
    cursor: pointer;
    float: left;
    font-family: "Source Sans Pro WF";
    font-size: 20px;
    font-weight: 100;
    line-height: 40px;
    text-align: center;
    width: 40px;
    height: 40px; }
    #buttons p:last-child {
      border-top-right-radius: 4px;
      border-bottom-right-radius: 4px;
      border-right: 1px solid #c8c8c8; }
    #buttons p:first-child {
      border-top-left-radius: 4px;
      border-bottom-left-radius: 4px; }
    #buttons p.active {
      background-color: #c8c8c8; }
      #buttons p.active:hover {
        background-color: #b4b4b4; }
    #buttons p:hover {
      background-color: #e6e6e6; }

/*# sourceMappingURL=style.css.map */