html, body, h1, h2, div, svg{
   margin: 0;
   padding: 0;
   font-size: 10px;
   text-align: center;
}

#title {
   font-size: 3rem;
}

h2 {
   font-size: 1.5rem;
}

#tooltip, #legend {
   background-color: white;
   position: absolute;
   visibility: hidden;
   border: 1px solid black;
   font-size: 1.2rem;
   padding: 5px;
}

#legend {
   visibility: visible;
   border: 1px dashed black;
   font-size: 2rem;
   text-align: left;
}

ul {
   list-style-type: none;
   margin: 0;
   padding: 0;
}

.bullet {
   display: inline-block;
   background-color: black;
   width: 10px;
   height: 10px;
   border-radius: 50%;
}