* {  margin: 0;  padding: 0;  box-sizing: border-box;}
.navbar {  background-color: #f9f9f9; /* Ensure this color is visible against your content */  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);  position: fixed;  top: 0; /* Keep navbar at the top */  width: 100%; /* Full width */  z-index: 3001; /* High z-index to ensure it's on top */ height: 40px;}
.navbar-nav {  list-style-type: none;  display: flex;  flex-wrap: wrap;  justify-content: space-around;  align-items: center;  width: 100%; /* Full width */}
.nav-item {  position: relative;}
.nav-item a {  display: block;  padding: 10px 15px;  color: black;  text-decoration: none;}
.dropdown-content {  display: none;  position: absolute; background-color: #ffffff;  min-width: 160px;  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 1;}
.dropdown-content.active {  display: block;}
.dropdown-content a {  color: black;  padding: 12px 16px;  text-decoration: none;  display: block;}
.nav-item:hover .dropdown-content {  display: block;}
.hamburger {  display: none;  font-size: 24px;  user-select: none;  cursor: pointer;}
@media screen and (max-width: 600px) {
  .navbar {display: flex; background-color: #f9f9f9; justify-content: space-between; align-items: center; z-index: 3000;  }  
 .navbar-nav { display: none; flex-direction: column; width: 90%; position: absolute; top: 70px; background-color: #f9f9f9; left: 0;  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 3001;  }  
  .navbar-nav.active {    display: flex; }
 .navbar-nav.active .dropdown-content {margin-left: 30px; background-color: #ffffff; border-left: 1px solid #c0c0c0;}  
 .dropdown-content { z-index: 3003; }  
  .nav-item { width: 100%; text-align: left;  }  
  .hamburger {background-color: #FFFFF0;border: 1pt solid black;-webkit-border-radius: 2pt; -moz-border-radius: 2pt;border-radius: 2pt;-webkit-box-shadow: #666 0px 5px 4px; -moz-box-shadow: #666 0px 5px 4px; box-shadow: #666 0px42px 3px;behavior: url(/pie/PIE.htc); display: block; padding: 5px; cursor: pointer; position: fixed; top: 5px;left: 5px;    z-index: 3002;  }
  }
