.section_body.main{display:flex;flex-wrap:wrap}.skillbar{background:#eee;border-radius:3px;display:block;height:35px;margin-bottom:15px;margin-left:auto;margin-right:auto;max-width:550px;position:relative;transition:.4s linear;transition-property:width,background-color}.skillbar-title{background:#6adcfa;color:#fff;font-size:13px;font-weight:700;left:0;position:absolute;top:0;width:110px}.skillbar-title,.skillbar-title span{border-bottom-left-radius:3px;border-top-left-radius:3px}.skillbar-title span{background:rgba(0,0,0,.1);display:block;height:35px;line-height:35px;padding:0 20px}.skillbar-bar{background:#6adcfa;border-radius:3px;height:35px;width:0}.skill-bar-percent{color:#fff;color:rgba(0,0,0,.4);font-size:11px;height:35px;line-height:35px;position:absolute;right:10px;top:0}.canvas{display:flex;height:auto;margin-left:auto;margin-right:auto;position:relative}.no_border{border-style:none}.datapercent{color:rgba(0,0,0,.4);font-size:30px;margin:100px 70px;position:absolute}#section_bloc section li{list-style-position:inside;list-style-type:none;white-space:nowrap}#section_bloc section ul{column-count:3}#section_bloc section li:before{color:#ccc;color:#1780ca;content:"\2022";font-size:40px;margin-right:10px;vertical-align:middle}@media screen and (max-width:1024px){#section_bloc section ul{column-count:1}#section_bloc section li{white-space:normal}}