/*Skills*/
#wrapper {
 margin:0 auto;
 padding:0px;
 text-align:center;
 width:995px;
}
#wrapper h1 {
 margin-top:100px;
 font-size:55px;
 color:#2E64FE;
}
#wrapper h1 a {
 color:#2E64FE;
 font-size:18px;
}
.skill_name {
  margin-left: 0rem;
  height: 40px;
  line-height: 50px;
  font-weight: normal;
  font-size: 22px;
  color: #010000;
  clear: both;
  padding-left: 4rem;
  border-radius: 3px 0px 0px 3px;
  top: 2.5rem;
  position: relative;
  z-index: 99;
  font-weight: 600;
}
  @media (min-width: 340px) and (max-width: 991px) {
     .skill_name {
      font-size: 18px;
      padding-left: 1rem;
    }
  }
.skillbar_wrapper {
   float:left;
   position:relative;
   display:block;
   width:400px;
   background-color:black;
   height:50px;
   border-radius:100px;
}
.skillbar_bar {
   height:50px;
   width:0px;
   border-radius:100px;
}
#skillbar_php,#skillbar_ux,#skillbar_wordpress,#skillbar_javascript,
#skillbar_xd,#skillbar_html5,#skillbar_bootstrap,
#skillbar_css,#skillbar_seo,#skillbar_doubleclick {
  background: #ffffff;
  border: 2px solid #000000;
}
.skill_bar_percent {
  position: absolute;
  right: -72px;
  top: 0;
  font-size: 22px;
  height: 35px;
  line-height: 35px;
  font-weight: 600;
}
.skill_bar_percent.star {
  color: transparent;
  text-shadow: 0 0 0 #ef2e65;
}