* {
  box-sizing: border-box;
}


html,
body {
  margin: 0;
  padding: 0;
}

body {
  font-family: Helvetica-neu, Roboto-light, Oxygen,
    Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  min-height: 100vh;
  /* color: #3b3b3b; */
  font-size: 20px;
}

p,
h1,
h2,
h3,
h4,
a {
  margin: 0;
  font-weight: 400;
}

a,
a:visited,
a:hover {
  text-decoration: none;
  border-bottom: 2px solid currentColor;
  color: black;
  
}

#intro {
  width: 100%;
  height:20%
  /* margin: 1rem auto; */
  /* max-width: 40rem; */
  /* margin: 1rem auto; */

}

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

/* Tooltip */
div.tooltip {   
  position: absolute;           
  text-align: left;          
  width: 150;                  
  height: 50;
  stroke-width: 1px;
  stroke: black;                  
  padding: 10px;             
  font: 16px sans-serif;   
  background: white;   
  border: 0px;
  box-shadow: 5px 5px;  
  pointer-events: none;         
}

#intro {
  margin-bottom: 50px;
  line-height: 1.7;
}

.description {
  margin-top:4%;
  margin-left:10%;
  margin-right: 15%;
}

#chart {
  width: 100%;
  margin-top: 4%;
  margin-left:10%;
}

#conclusion {
  margin-top:2%;
  margin-left:10%;
  margin-right: 15%;
  margin-bottom: 50px;
  line-height: 1.7;
  color:black;
}


.pull_quote {
  color: black;
  background:#f3f3f3;
  font-size: 24;
  font-family: 'Courier New', Courier, monospace;
}