footer {
    background-color: #0a8f64; 
    padding: 1rem; 
    text-align: center; 
}

footer div {
    display: flex;
    justify-content: center; 
    gap: 1rem; 
}

footer a {
    display: flex; 
    align-items: center; 
    justify-content: center;
    text-decoration: none; 
}

footer img {
    width: 40px; 
    height: 40px;
    border-radius: 50%;
    transition: transform 0.3s ease, box-shadow 0.3s ease; 
}

footer a:hover img {
    transform: scale(1.1); 
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); 
}