/* Base Navigation Styles */
nav ul {
     display: flex;
     justify-content: center;
     align-items: center;
     padding: 0;
     margin: 0;
     list-style: none;
     background-color: #000;
     color: #ff0;
}

nav ul li {
     position: relative;
     margin: 0 10px;
}

/* Link & Button Styling */
nav ul li a,
nav ul li button {
     padding: 8px 12px;
     font-size: 14px;
     color: #fff;
     background: none;
     border: none;
     text-decoration: none;
     cursor: pointer;
     display: inline-block;
}

nav ul li a:hover,
nav ul li button:hover {
     color: #ff0;
}

/* Dropdown Trigger Button */
.dropbtn {
     font-size: 14px;
}

/* Dropdown Menu Container */
.dropdown-content {
     display: none;
     position: absolute;
     top: 100%;
     left: 0;
     background-color: #000;
     border: 1px solid #ff0;
     min-width: 180px;
     z-index: 1000;
     box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3);
}

/* Dropdown Menu Items */
.dropdown-content a {
     display: block;
     padding: 8px 10px;
     color: #fff;
     font-size: 13px;
     text-align: left;
     text-decoration: none;
}

.dropdown-content a:hover {
     background-color: #333;
     color: #ff0;
}

/* Show Dropdown on Hover */
.dropdown:hover .dropdown-content {
     display: block;
}

/* Horizontal Menu Layout */
.menu-horizontal {
     display: flex;
     flex-direction: row;
     list-style: none;
     padding: 0;
     margin: 0;
}

.menu-horizontal>li {
     margin-right: 10px;
     position: relative;
}