<style>
body {
background-color: white;
font-family: Helvetica, Arial, sans-serif;
}

.container {
width: 1050px;
}

.header {
font-size: 36px;
margin-left: 60px;
color:orange;
text-align: center;
}

.intro {
font-size: 14px;
margin-left: 60px;
margin-right:60px;
color:orange;
}

svg {
background-color: white;
}

.axis path,
.axis line {
fill: none;
stroke: grey;
stroke-width: 1px;
}

#vis {
  position: relative;
  display: block;
  margin-left: 5px;
}
.background{
fill: none;
}

.area{
 fill: #ffcc80;
}

.line{
  fill: none;
  stroke: #ff9900;
  stroke-width: 1.4px;
}

.chart {
  position: absolute;
  padding-right: 5px;
  padding-bottom: 5px;
  padding-top:0;
  padding-left:0;
}

#button-wrap {
  margin-left: 60px;
  margin-bottom: 60px;
  padding-left: 5px;
}


.button.selected {
background:orange;
  border-radius: 28px;
  font-family: Arial;
  color: white;
  font-size: 14px;
  padding: 5px 10px 5px 10px;
  text-decoration: none;
  border-color:none;
    opacity: 0.8;
}

.button {
  border-radius: 20px;
  font-family: Arial;
  border:2px solid orange;
  color: orange;
  font-size: 14px;
  padding: 5px 10px 5px 10px;
  background: white;
    outline:none;
}

.button:hover {
  border-radius: 20px;
  font-family: Arial;
  border:1.5px solid orange;
  color: white;
  font-size: 14px;
  padding: 5px 10px 5px 10px;
  outline:none;
  background: #ffc299;
}

.axis text {
font-family: sans-serif;
font-size: 12px;
fill:dimgrey;
}

.row {
padding-top: 0px;
}

.static_year {
    font-family: sans-serif;
    font-size: 10px;
        fill:dimgrey;
}

.title {
  font-size: 12px;
    fill:dimgrey;
}

.caption{
font-family: sans-serif;
    font-size: 10px;
        fill:dimgrey;
}

.year{
font-family: sans-serif;
    font-size: 10px;
        fill:dimgrey;
}

.circle {
fill: orange;

stroke-width:3px;
}

.mytooltip{
position:absolute;
z-index: 10;
}

.mytooltip p {
background:#ffebcc;
border:white 1px solid;
border-radius: 5px;
padding:2px;
max-width: 180px;
font-weight:bold;
margin-left: 5px;
color:#ff7733;
}

.hidden {
  display:none;
  opacity: 0.0;
}


</style>