.page-wrap {
  padding:5px;
  background-color:;
  width: 99%;
  margin: 0 auto; font-size:10px;
}

.skill-bar-container {
  position: relative;
  width: 100%;
  border-radius: 7px;
  background-color:#FFFFFF;margin:auto;
  margin-bottom: 0.5em;
}
.skill-bar-container .skill-bar {
  display: block;
  border-radius: 7px;
  height: 25px;
}
.skill-bar-container .skill-bar.level1 {
  background-color: #fdcb02;
}
.skill-bar-container .skill-bar.level2 {
 
  background-color: #fde16e;
}
.skill-bar-container .skill-bar.level3 {
  background-color: #fdeeb1;
}
.skill-bar-container .skill-bar.level4 {
  background-color: #a9d9f5;
}
.skill-bar-container .skill-bar.level5 {
  background-color: #9ad3f3;
}
.skill-bar-container .skill-name {
  position: absolute;
  top: 5px;
  left: 10px;
  color: #333;
}
.skill-bar-container .skill-percent {
  position: absolute;
  top: 5px;
  right: 10px;
  color: #333;
}