
.navbar-toggler {
  border: none; /* Remove the border */
  background-color: transparent; /* Set a transparent background */
}
.navbar-toggler svg {
  fill: white;
}

.navbar-toggler:hover svg {
  fill: lightgray;
}

/* Styles for the active (or expanded) state */
.navbar-toggler[aria-expanded="true"] svg {
  fill: gray; /* Set the icon color to gray when expanded */
}

.navbar-logo {
    z-index: 2;
    : 2;
    position: absolute;
    }

logo-icon:hover {
    scale: 1.1;

}