body {
  background-color: #1a1a1a;
  font-size: 100%;
  font-family: 'Open Sans', sans-serif;
  color: #eee;
}

.lang {
  font-size: 1.2em;
  font-size: 700;
  margin-top: 3.5em;
  cursor: pointer;
}

a {
  color: #eee;
  text-decoration: none;
}

h1 {
  font-size: 4em;
  font-weight: 800;
  line-height: 1.2em;
  margin-top: 1em;
  margin-bottom: 1em;
  color: #eee;
}

h2 {
  font-weight: 700;
  margin-top: 2em;
  margin-bottom: 1em;
}

.active {
  color: #fdae61;
  font-size: 900;
}

 text {
   fill: #eee;
 }

.heatmap-labels {
		font-family: sans-serif;
		font-size: 1em;
    fill: #eee;
	}

.labels  {
		font-family: sans-serif;
		font-size: 1.2em;
    fill: #eee;
	}

.country_name {
  font-size: 2em;
  font-weight: 700;
}

p {
  font-size: 1.1em;
  color: #ccc;
}

hr {
  border-top: 1px solid #4d4d4d;
}
.county {
 stroke: #red;
 fill: #eee;
}

path {
 fill: none;
}

.label {
    font-family: sans-serif;
    font-size: 10px;
    fill:#eee;
}

.active-line {
  stroke: #eee;
  stroke-width: 4px;
}

.tooltip2,
.tooltip {
 position: absolute;
 width: 130px;
 font-size: 11px;
 pointer-events: none;
 background: #eeeeee;
 padding: 7px;
 color: #3A3F4A;
 vertical-align: middle;
}




@media (max-width: 768px) {

  .title {margin-top:1em;}
  .slope { display:none;}

}