@import url(https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css);
.social a {
    text-align: center;
    width: 48px;
    height: 48px;
    float: left;
    background: 
#fff;
    border: 1px solid 
#ccc;
    box-shadow: 0 2px 4px 
rgba(0,0,0,0.15), inset 0 0 50px 
rgba(0,0,0,0.1);
    border-radius: 24px;
    margin: 0 10px 10px 0;
    padding: 6px;
    color: 
#000;
}
.github a:hover {background: 
#191919; color: 
#fff;}
.youtube a:hover {background: 
#c4302b; color: 
#fff;}
.google-pluse a:hover {background: 
#DD4B39; color: 
#fff;}
.twitter a:hover {background: 
#00acee; color: 
#fff;}
.instagram a:hover {background: 
#3f729b; color: 
#fff;}
.facebook a:hover {background: 
#3b5998; color: 
#fff;}
.skype a:hover {background: 
#00aff0; color: 
#fff;}
.vk a:hover {background: 
#5d84ae; color: 
#fff;}
.odnoklassniki a:hover {background: 
#f93; color: 
#fff;}
.pinterest a:hover {background: 
#c8232c; color: 
#fff;}
.linkedin a:hover {background: 
#0e76a8; color: 
#fff;}
.telegram a:hover {background: 
#249bd7; color: 
#fff;}
.tumblr a:hover {background: 
#34526f; color: 
#fff;}
.windows a:hover {background: 
#125acd; color: 
#fff;}
.whatsapp a:hover {background: 
#50b154; color: 
#fff;}
.weibo a:hover {background: 
#d52b2b; color: 
#fff;}
.dropbox a:hover {background: 
#1087dd; color: 
#fff;}