.main-container {
    background-color: var(--color-alternate-background);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--spacing-md);
    text-align: center;
    border-top: 1px solid var(--color-light-gray);
}

.social-icons i {
    font-size: 1.5rem;
    margin: var(--spacing-xs);
    cursor: pointer;
    color: var(--color-primary-background);
}

.footer-bottom {
    background-color: var(--color-alternate-background);
    color: var(--color-primary-text);
    text-align: center;
    align-content: center;
    padding: var(--spacing-sm) 0;
}

.footer-social-icons {
    margin-top: 10px;
    display: flex;
    gap: 12px;
}

    .footer-social-icons img.social-icon {
        width: 32px;
        height: 32px;
        transition: transform 0.2s ease;
    }

        .footer-social-icons img.social-icon:hover {
            transform: scale(1.1);
        }