footer {
    text-align: left;
    padding: 20px;
    background: var(--accent-color);
    color: white;

    .footer-container {
        max-width: fit-content;
        margin: 0 auto;

        p {
            display: flex;
            gap: 10px;
            padding: 4px;
            font-size: 1rem;
            color: var(--text-color);

            img {
                width: 20px;
                aspect-ratio: 1;
                object-fit: contain;
                transition: transform 0.3s ease;
                &:hover {
                    transform: scale(1.2);
                }
            }
        }
    }

    .copyright {
        padding-top: 20px;
        font-size: 1rem;
        text-align: center;
        color: var(--text-color);
    }
}