path {
  fill: #003087;
  stroke: rgba(6, 6, 6, 0.55);
  stroke-width: 1px;
}

.visualisation p {
  align:center;
  margin-left: 20px;
  margin-right: 20px;
}

.visualisation-old {
  /*margin: 25px;*/
  border: solid 1px grey;
  flex-wrap: wrap;
  max-width: 1500px;
  margin: auto;
  display: inline-flex;
  flex-direction: row;
}

.container {
  width: 80%;
  /*height: 200px;
  background: aqua;*/
  margin: auto;
  padding: 10px;
}

.text-container-safe {
  font-family: 'Roboto Light', sans-serif;
  flex-wrap: wrap;
  max-width: 1500px;
  margin: auto;
  display: flex;
  flex-direction: row;
  border:1px red solid;
}


.text-container {
  font-family: 'Roboto Light', sans-serif;
  width: 35%;
  /*height: 200px;
  background: red;*/
  float: left;
  /*border:1px red solid;*/
}

.visualisation {
  margin-left: 35%;
  /*height: 200px;
  background: black;*/
  /*border:1px red solid;*/
}

.title div {
  margin: 0;
  padding: 0;
}

.visualisation-safe {
  border: solid 1px grey;
  flex-wrap: wrap;
  /*max-width: 1500px;*/
  margin: auto;
  display: inline-flex;
  flex-direction: row;
}


.container-safe {
  flex-wrap: wrap;
  max-width: 1500px;
  margin: auto;
  display: flex;
  flex-direction: row;
}

.notes{
  background-color: #ccc;
  max-width: 100px;
  min-height: 100px;
  flex-wrap: wrap;
  flex-direction: row;
  padding: 20px;
  margin: 20px;
  border: solid 1px grey;
  position: absolute;
  top: 140px;
  right: 160px;
}


#tooltip {
  background-color: white;
  position: absolute;
  top: 0;
  left: 0;
  display: none;
  border: solid 1px grey;
  padding: 5px;
}