.social-bar {
    position: fixed;
    left: 0;
    top: 50%;
    font-size: 1.5rem;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    z-index: 100;
}

.social-bar a:visited {
    color: white;
}

.social-bar a:active {
    color: white;
}

.social-bar a:link {
    color: white;
}

.icon {
    color: white;
    text-decoration: none;
    padding: .7rem;
    display: flex;
    transition: all .5s;
}
.facePadding {
    padding-left: 21px;
    background: #2E406E;
}
.twitterPadding {
    padding-left: 9px;
    background: #339DC5;
}
.icon-youtube {
    background: #E83028;
}
.icon-linkedin {
    background: #0077b5;
}
.icon-instagram {  
  background: #d6249f;
  background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);
  box-shadow: 0px 3px 10px rgba(0,0,0,.25);
}
.icon:first-child {
    border-radius: 0 1rem 0 0;
}
.icon:last-child {
    border-radius: 0 0 1rem 0;
}
.icon:hover {
    padding-right: 3rem;
    border-radius: 0 1rem 1rem 0;
    box-shadow: 0 0 .5rem rgba(0, 0, 0, 0.42);
    color: white;
}