/* Footer Styling */
footer {
    position: fixed; /* Keeps footer at the bottom */
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: #121212; /* Dark background for footer */
    color: #fff;  /* Light text color */
    padding: 15px 0;
    text-align: center;
    font-size: 1rem;
    z-index: 1000; /* Ensures it stays above other content */
}

/* Footer Nav Link Styling */
footer a {
    color: #1e90ff; /* Soft blue color for links */
    text-decoration: none;
    margin: 0 15px; /* Space between links */
    font-size: 1rem;
    font-weight: bold;
    transition: color 0.3s ease;
}

/* Footer Nav Link Hover */
footer a:hover {
    color: #004d8b; /* Darker blue on hover */
}

/* Footer Container */
footer .footer-content {
    display: flex;
    justify-content: center; /* Centers the links horizontally */
    align-items: center;
}

/* Footer Responsive Styling */
@media screen and (max-width: 768px) {
    footer .footer-content {
        flex-direction: column; /* Stacks links vertically on smaller screens */
    }

    footer a {
        margin-bottom: 10px; /* Adds space between links in vertical mode */
    }
}