.page-footer {
    background-color: var(--primary-hover-color);
    color: var(--background-light);
    text-align: center;
    padding-bottom: 5rem;
    padding-top: 3rem;
    width: 100%;
}

.page-footer-content-container {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
}

.page-footer a {
    color: var(--background-light); /* Ensure footer links are white */
    text-decoration: none;
}

.page-footer a:hover {
    color: var(--border-color); /* Slightly lighter color on hover */
}

.footer-menu ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.footer-menu ul li {
    display: flex;
    justify-content: center;
}

.footer-credit {
    font-size: 0.9rem;
    color: var(--background-light);
}   

.footer-menu ul li {
    display: inline;
    margin-right: 1rem;
}

.footer-menu {
    list-style: none;
    gap: 1.5rem;
    padding: 0;
    margin: 0;
}