.html {
   background:url('html.png') 50% 50% no-repeat no-repeat;
   padding-left: 5px;
}
.css {
   background:url('css.png') 50% 50% no-repeat no-repeat;
   padding-left: 5px;
}
.java {
   background:url('java.png') 50% 50% no-repeat no-repeat;
   padding-left: 5px;
}
.php {
   background:url('php.png') 50% 50% no-repeat no-repeat;
   padding-left: 5px;
}
.mysql {
   background:url('mysql.png') 50% 50% no-repeat no-repeat;
   padding-left: 5px;
}
.connection {
   list-style-image: url('connection.png');// 50% 50% no-repeat no-repeat;
  /* padding-left: 100px;*/
   margin: 0;
   padding: 0;
}
.france {
   background:url('france.png') 50% 50% no-repeat no-repeat;
   padding-left: 5px;
}
.tunisia {
   background:url('tunisia.png') 50% 50% no-repeat no-repeat;
   padding-left: 5px;
}
.javascript {
   background:url('javascript.png') 50% 50% no-repeat no-repeat;
   padding-left: 5px;
}
.foot {
   background:url('foot.png') 50% 50% no-repeat no-repeat;
   padding-left: 5px;
}
.git {
   background:url('git.png') 50% 50% no-repeat no-repeat;
   padding-left: 5px;
}
.nodejs {
   background:url('nodejs.png') 50% 50% no-repeat no-repeat;
   padding-left: 5px;
}
.researchgate {
   background:url('researchgate.png') 50% 50% no-repeat no-repeat;
   padding-left: 5px;
}
.linkedin {
   background:url('linkedin.png') 50% 50% no-repeat no-repeat;
   padding-left: 5px;
}
.visualbasic {
   background:url('visualbasic.png') 50% 50% no-repeat no-repeat;
   padding-left: 5px;
}