footer {
    font-family: title;
    font-size: 16px;
    grid-area: footer;
    border-top: 1px solid var(--dark2);
}

.social-icons {
    display: flex;
    gap: 15px; /* space between icons */
    justify-content: space-evenly; /* center the icons */
    padding: 5px 0;
}

.social-icons img {
    width: 24px;  /* adjust icon size */
    height: 24px;
    transition: transform 0.2s ease;
}

.social-icons img:hover {
    transform: scale(1.1); /* slight zoom on hover */
}