html,
body {
  margin: 0;
  padding: 0;
  font-family: 'Nunito', sans-serif;
  font-size: 18px;
  background-color: #ccc;
}
#wrapper {
  width: 1024px;
  height: 1536px;
  overflow: hidden;
}
#graphs {
  position: relative;
}
#graphs #now_indicator {
  position: absolute;
  top: -5px;
  height: 100%;
  width: 2px;
  background: rgba(0, 0, 0, 0.2);
}
#graphs #now_indicator .time {
  text-align: center;
  width: 5em;
  margin-left: -2.5em;
  margin-top: -1.5em;
}
#map {
  position: relative;
  width: 1024px;
  height: 768px;
  background-image: url(../images/map2xga.gif);
}
#map #tweet_bubble {
  position: absolute;
  width: 300px;
  background: white;
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);
  -ms-box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);
  -o-box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);
}
#map #tweet_bubble p {
  padding: 0.25em;
  margin: 0;
  margin-left: 70px;
  font-size: 0.8em;
}
#map #tweet_bubble img {
  float: left;
  padding: 0.5em;
  width: 70px;
  height: 70px;
}
#map #tweet_bubble:after {
  position: absolute;
  content: ".";
  text-indent: -10000px;
  display: block;
  width: 30px;
  height: 20px;
  background-repeat: no-repeat;
}
#map #tweet_bubble.bottomright:after {
  right: 20px;
  bottom: -20px;
  background-image: url(../images/arrowBottomright.png);
}
#map #tweet_bubble.bottomleft:after {
  left: 20px;
  bottom: -20px;
  background-image: url(../images/arrowBottomleft.png);
}
#map #tweet_bubble.topleft:after {
  left: 20px;
  top: -20px;
  background-image: url(../images/arrowTopleft.png);
}
#map #tweet_bubble.topright:after {
  right: 20px;
  top: -20px;
  background-image: url(../images/arrowTopright.png);
}
#legend {
  position: absolute;
  background: white;
  /* 	background: rgba(255, 255, 255, .8); */

  right: 0;
  top: 0;
  padding: 1em;
  font-size: .6em;
}
#legend th {
  text-align: left;
  font-weight: 100;
}
#legend .header {
  padding-top: .5em;
}
#dashboard {
  background-color: white;
  height: 768px;
  padding: 5% 5%;
}
#dashboard > h2 {
  margin: 0;
  padding: 0;
}
#dashboard .graph {
  margin: 5% 0;
}
#dashboard .graph h2 {
  display: inline;
  vertical-align: top;
  line-height: 4em;
  padding-left: .5em;
}
#dashboard .graph .axis path {
  fill: none;
}
#dashboard .graph .axis .tick line,
#dashboard .graph .axis .center line {
  stroke: #828282;
  stroke-width: 0.5;
}
#dashboard .graph .line circle {
  fill: #00a79d;
}
#dashboard .graph .line path {
  fill: none;
  stroke: #00a79d;
  stroke-width: 3px;
}
#dashboard #cloud {
  margin-top: 6%;
}
h2 {
  font-size: 2em;
}