/* Footer styling */
footer {
    width: 100%;
    padding: 10px 33%; /* Adjust padding as needed */
    box-sizing: border-box; /* Include padding in width calculation */
    background: none; /* Remove the background color */
    margin-top: 0; /* Remove extra margin at the top */
}

/* Navigation styling */
nav {
    display: flex;
    justify-content: center; /* Center the navigation items horizontally */
    margin-bottom: 10px; /* Space between the two nav sections */
}

.menu {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex; /* Use flexbox layout for menu items */
    gap: 10px; /* Space between buttons */
}

.menu li {
    margin: 0; /* Remove extra margins from list items */
}

.menu a {
    display: flex;
    align-items: center; /* Align items vertically */
    padding: 10px; /* Add padding for clickable area */
}

.menu a:hover img {
    filter: brightness(0.7); /* Example hover effect */
}