.main-content {
  margin: 20px;
}

svg {
  outline-offset: 2px;
}

h1 {
  z-index: 999;
  position: relative;
}

h5 > a {
  color: black;
  font-weight: normal;
  text-decoration: none;
}

.small-text {
  font-size: 12px;
}

#home-chart-icons {
  z-index: -999;
}

.hover-icons {
  margin: 50px;
  max-width: 200px;
}

.figure-caption{
  color: black;
}

.zoom {
  transition: transform 0.3s; /* Animation */
}

.zoom:hover {
  transform: scale(
    1.1
  ); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}

.nav-link {
  color: black;
}

.nav-tabs > .nav-link.active { 
  color: white;
  background-color: black; 
}

.nav-link:hover {
  color: black;
}

#nav-barchart {
  width: 60%;
  margin: 0 auto;
}

.dropdown-label-y {
  position: relative;
  right: 50px;
  top: 290px;
}

.dropdown-label-x {
  position: relative;
  left: 290px;
}

.dropdown-x > button {
  background-color: black;
}

.dropdown-y > button {
  background-color: black;
}

footer {
  color: white;
  background-color: black;
  margin: 60px -100px -100px -100px;
  padding: 5px;
}

.legend svg {
  height: 300px; 
}