/* Social Media Icons using CSS Mask Technique */

.icon {
    display: inline-block;
    width: 19px;
    height: 19px;
    margin: 0 5px;
    background-color: #333; /* Default color, will be overridden by specific colors */
    mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    //transition: background-color 0.3s ease;
}