.social-icons {
    display: flex;
    align-items: center;
    justify-content: center;
}

.social-icons a {
    color: #000;
    line-height: 50px;
    font-size: 50px;
    margin: 0 5px;
    text-decoration: none;
}

.social-icons a i {
    line-height: 30px;
    font-size: 40px;
    -webkit-transition: all 200ms ease-in;
    -webkit-transform: scale(1);
    -ms-transition: all 200ms ease-in;
    -ms-transform: scale(1);
    -moz-transition: all 200ms ease-in;
    -moz-transform: scale(1);
    transition: all 200ms ease-in;
    transform: scale(1);
}

.social-icons a:hover i {
    color: mediumorchid;
    z-index: 2;
    -webkit-transition: all 200ms ease-in;
    -webkit-transform: scale(1.5);
    -ms-transition: all 200ms ease-in;
    -ms-transform: scale(1.5);
    -moz-transition: all 200ms ease-in;
    -moz-transform: scale(1.5);
    transition: all 200ms ease-in;
    transform: scale(1.5);
}