body {
    display: flex; /* Use flexbox for layout */
    flex-direction: column; /* Stack content vertically */
}

main {
    flex: 1; /* Allows the main content to take up available space */
}

footer {
    background-color: rgba(0, 0, 0, 0.8); /* Transparent black background */
    color: #ffffff;
    padding: 5px 20px; /* Slightly increased padding for better spacing */
    box-sizing: border-box;
    width: 100%;
    display: flex; /* Use flexbox for alignment */
    align-items: center; /* Vertically aligns content */
    justify-content: space-between; /* Ensures proper spacing between center and right sections */
}

footer a {
    color: #ffffff; /* Removes blue/purple link colors */
    text-decoration: none; /* Removes underline */
    margin: 0 5px; /* Adds spacing between links */
}

footer a:hover {
    text-decoration: underline; /* Optional hover effect */
}

#footer-center {
    text-align: center;
    flex: 1; /* Allows it to take up available space */
}

#footer-right {
    text-align: right;
    white-space: nowrap;
    display: flex; /* Use flexbox for proper alignment */
    align-items: center; /* Vertically aligns links */
    justify-content: flex-end; /* Ensures links are aligned to the right */
}