.footer {
        position: fixed;
        bottom: 0;
        width: 100%;
    }
    .social-icons {
        margin-bottom: 10px;
    }
    .social-icon {
        color: white;
        font-size: 1.5rem;
        margin: 0 10px;
        transition: transform 0.3s ease, opacity 0.3s;
    }
    .social-icon:hover {
        transform: scale(1.2);
        opacity: 0.7;
    }