#topBar {
    position: fixed;
    width: 100%;
    background: #0d1d5a;
    z-index:10000;
    top: 0;
}
#topBar .banner {
  display: flex;
  align-items: center;
  /* text-align: center; */
  margin: 15px;
  /* font-weight: bold; */
  color: #dadada;
  font-size: 15px;
}

#topBar .spacer {
   
  flex: 1; /* Ensures the spacer takes up the same amount of space as the navigation on the other side */
}

#topBar .logo a {
  font-family: sans-serif;
  flex: 0 1 auto; /* Prevents the logo from growing but allows it to shrink if necessary */
  font-size: 48px;
  font-weight: bold;
  color: #ffffff;
  text-decoration:none;
  text-shadow: 4px 2px 3px rgb(0 0 0 / 87%);
}
 
 
#topBar .navigation {
  flex: 1;
  display: flex;
  /* text-align: center; */
  gap:20px;
  justify-content: right;
}

.navigation a{text-decoration:none;color: white;text-shadow: 2px 4px 0px rgb(28 28 28 / 91%);}

 .menu-toggle, .menu-close {
    position: fixed;
    display: none; /* Show the burger icon in mobile view */
    
  }