@import url('https://fonts.googleapis.com/css?family=Exo:200');

@keyframes dashoffset-seven {
  0% {
    stroke-dashoffset: 7px;
  }
  100% {
    stroke-dashoffset: 0px;
  }
}


body {
		/*font-family: 'Exo', sans-serif;
		font-size: 20px;*/
		background-color:#f9fae6;
        
	}
#container {
    margin: auto;
    width: 80%;

}

#top {
    
}

#bottom {
    
}
.ct-chart {
     height:50vh;   
}

.ct-grids line {
  color: red;
}

.ct-labels span {
  color: #3c3c3c;
  font-weight:bold;
  font-family: 'Exo', sans-serif;
}

.ct-grid{ 
    stroke: #3c3c3c;

}

.ct-area {
    fill-opacity: 0.2;
}

.ct-series-a .ct-area {
    fill: red;

}

.ct-series-b .ct-area {
    fill: #3366ff;
}

.ct-series-a .ct-bar, .ct-series-a .ct-line, .ct-series-a .ct-point, .ct-series-a .ct-slice-donut {
    stroke: #3366ff;
    stroke-width: 2px;
    stroke-dasharray: 5px 2px;
    animation: dashoffset-seven 400ms infinite linear;
}


.ct-series-b .ct-bar, .ct-series-b .ct-line, .ct-series-b .ct-point, .ct-series-b .ct-slice-donut {
    /*stroke: #BBBBBB;*/
    stroke: #3366ff;
    stroke-width: 4px;
    stroke-dasharray: 5px 2px;
    animation: dashoffset-seven 400ms infinite linear;
    
}
.ct-label {
    font-size: 15px;
}