html, body {
  margin: 0;
  height: 100%;
  background-color: #A1A1A4;

}

/* .pistons{
    position: relative;
    bottom: 626px;
    color: white;
    display: flex;
    width: 800px;
    justify-content: center;
    background-color: blue;
    font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
} */

/* p, text {
    font-size: 0.85em;
} */
/* #chart {
    background: #d7073b;
    
} */


 
#all {
  text-align: center;
  background-color: #A1A1A4;
  font-family: Verdana, Geneva, Tahoma, sans-serif
}

#container {
  width: 1000px;
  height: 600px;
  margin: auto;
  background-color: black;
  background-image: url(./images/toronto1.png);
  background-size: 1000px 550px;
  position: absolute;
  top:0;bottom:0;
  left:0;right:0;
}

svg {
  width: 100%;
  height: 100%;
}

.bar {
  fill: #753BBD;
  opacity: .85;
}

text {
  font-size: 12px;
  fill: rgb(200, 200, 200);

}

path {
  stroke: #A1A1A4;
}


line#limit {
  stroke: #A1A1A4;
  stroke-width: 3;
  stroke-dasharray: 3 6;
}

.grid path {
  stroke-width: 0;
}

.grid .tick line {
  stroke-opacity: 0.3;
}

text.differential {
  font-size: 13px;
  fill: rgb(200, 200, 200);;
;
}

text.value {
  font-size: 14px;
}

text.title {
  font-size: 22px;
  font-weight: 600;
  fill: #A1A1A4;
}

text.label {
  font-size: 14px;
  font-weight: bold;
  fill: rgb(200, 200, 200);

}

text.source {
  font-size: 10px;
  fill: #A1A1A4;

}