.socialGridBox > ul {
    display : grid; 
    grid-template-columns : 50px 50px 50px 50px;
    list-style : none;
    grid-gap : 10px;
    align-items : center;
    justify-content : center;
    padding-top : 10px;
    padding-bottom : 10px;
    padding-left : 0px;
    padding-right : 0px;
    /* border : 1px solid black; */
}

a {
    all: unset;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

a:active {
    transform: rotate(15deg);
  }

.logoColor {
    color :    #F2F0E9;
}

.socialGridBox ul li svg {
    filter: drop-shadow(2px 2px 4px rgba(0, 0, 0, 0.3));

}