/* Navbar container */
.navbar {
    /*
    The overflow attribute
    prevented my dropdown 
    showing over the navbar 
    when it was set to hidden 
    */
    overflow: visible;
    font-family: Arial;
    position: fixed;
    top: 0;
    width: 100%; /* Stretch navbar background full width */
    background-color: #333; /* Example dark background */
    z-index: 999; /* Ensure it stays above everything else */
}

/* Links inside the navbar */
.navbar a {
    float: left;
    font-size: 16px;
    color: white;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
}