/* Ensure body takes full height and uses flexbox for layout */
body {
    display: flex;
    flex-direction: column;
    min-height: 100vh; /* Full viewport height */
    margin: 0;
}

main {
    flex: 1; /* Pushes footer to the bottom */
}

footer {
    display: flex;
    justify-content: center; /* Center the footer content horizontally */
    align-items: center; /* Center the footer content vertically */
    width: 100%;
    text-align: center;
    padding: 10px 0;
}

/* Style adjustments for the footer links */
footer a {
    text-decoration: none;
    color: inherit;
}

footer a:hover {
    text-decoration: underline;
}

/* Footer logo size adjustments */
.footer-logo {
    width: 30px;
    height: 30px;
    margin: 0 10px; /* Space between icons */
}

/* Footer responsiveness */
@media (max-width: 768px) {
    .footer-logo {
        width: 25px;
        height: 25px;
        margin: 0 5px;
    }
}