/* Social Icons Container */

.social-icons {
    display: flex;
    /* horizontal layout */
    gap: 15px;
    /* space between icons */
    font-size: 1.5rem;
    /* size of icons */
    justify-content: center;
    /* center horizontally */
    margin: 20px 0;
    /* space above and below the icons */
}


/* Each Icon Link */

.social-icons a {
    color: #d70000;
    /* main brand color */
    transition: color 0.3s;
    /* smooth hover effect */
    text-decoration: none;
}


/* Hover Effect */

.social-icons a:hover {
    color: #ff4500;
    /* change color on hover */
}


/* Optional: make icons slightly bigger on hover */

.social-icons a:hover i {
    transform: scale(1.2);
    transition: transform 0.3s;
}