/* Reset default margin and padding for the list and items */
nav ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

nav li {
    display: inline-block;
    margin-right: 20px; /* Adjust spacing between menu items as needed */
}

nav a {
    display: block;
    text-align: center;
}

nav img {
    display: block;
    width: 50px; /* Adjust width as needed */
    height: 50px; /* Adjust height as needed (keep it the same as width to maintain the circle shape) */
    border-radius: 50%; /* This will make the image round */
}

/* Optional: Add hover effect */
nav a:hover img {
    opacity: 0.7;
}