@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;
}