.easyPieChart {
    position: relative;
    text-align: center;
}

.easyPieChart canvas {
    position: absolute;
    top: 0;
    left: 0;
}

.legend {

text-align:center;

}
.skills-container {
margin-top:80px
}

.skills {

clear:both;
/*width:100%;*/
}

.skills ul,
.skills li {
display:block;
list-style:none;
margin:0;
padding:0;
}

.skills li {
float:right;
clear:both;
padding:0 15px;
height:35px;
line-height:35px;
color:#fff;
margin-bottom:1px;
font-size:18px;
}

.skills .cms {
background:#97BE0D;
}

.skills .ps {
background:#D84F5F;
}

.skills .html {
background:#78B5F0;
}

.skills .php {
background:#99DAFA;
}

.skills .sql {
background:#E6C1F8;
}


#diagram {
display: inline-block;
position: relative;
width: 600px;
height:600px;
vertical-align: middle;
overflow: hidden; 

}

.get {
display:none;
}
.svg-content {
display: inline-block;
position: absolute;
top: 0;
left: 0;
}