/* Navigation menu styles */
.nav-menu {
    position: fixed; /* Fixed position to stay in place on scroll */
    bottom: 5px;
    right: 30px;
    display: flex;
    flex-direction: row; /* Side by side layout */
    gap: 10px; /* Space between menu items */
    margin-left: 20px; /* Adds left margin */
}

.nav-item {
    padding: 10px;
    font-size: 18px;
    color: rgba(177, 175, 175, 0.7); /* Light white/grey color for visibility */
    text-decoration: none; /* Removes underline from the link */
    background-color: transparent; /* No background */
    border: none; /* Ensures no border around the element */
}

.nav-item:hover,
.nav-item:focus {
    text-decoration: none; /* Ensures no underline on hover/focus */
    outline: none; /* Removes any focus outline that might appear */
    color: white; /* Change color on hover/focus for better visibility */
}

/* Ensure general link styles do not apply to nav items */
.nav-item:link,
.nav-item:visited {
    color: rgba(177, 175, 175, 0.7); /* Maintain original color */
}