@font-face{
	font-family:'icomoon';
	src: url('../fonts/icomoon.ttf')
}

.social-bar {
position: fixed;
right: 0;
top: 35%;
font-size: 1.5rem;
display: flex;
flex-direction: column;
align-items: flex-end;
z-index: 30000;

}

.icon {
color: white;
text-decoration: none;
padding: .7rem;
display: flex;
transition: all .5s;
}

.icon-facebook {
    background: #2E406E;
    font-family:'icomoon' !important;

}

.icon-youtube {
    background: #E83028;
    font-family:'icomoon' !important;
}

.icon-instagram {
    background: #EF60A5;
    font-family:'icomoon' !important;
}

.icon:first-child {
    border-radius: 1rem 0 0 0;
}

.icon:last-child {
    border-radius: 0 0 0 1rem;
}

.icon:hover{
    padding-right: 3rem;
    border-radius: 1rem 0 0 1 rem;
    box-shadow: 0 0 .5rem rgba(0, 0, 0, 0.42);
}