.skill_btn {
  height: 24px;
  width: 24px;
  margin: 0px;
  padding: 0px;
}

.skills-chart {
  height: 600px;
  width: 600px;
}
.skill-label-wrap {
  white-space: pre-line;
}
@media only screen and (max-width: 600px) {
    .skill_btn {
      height: 20px;
      width: 20px;
    }
    .skills-chart {
      height: 350px;
      width: 350px;
    }
}
@media only screen and (min-width: 600px) and (max-width: 700px) {
    .skill_btn {
      height: 20px;
      width: 20px;
    }
    .skills-chart {
      height: 500px;
      width: 500px;
    }
}
@media only screen and (min-width: 700px) and (max-width: 800px) {
    .skill_btn {
      height: 24px;
      width: 24px;
    }
    .skills-chart {
      height: 600px;
      width: 600px;
    }
}
@media only screen and (min-width: 800px) and (max-width: 1000px) {
    .skill_btn {
      height: 26px;
      width: 26px;
    }
    .skills-chart {
      height: 700px;
      width: 700px;
    }
}
@media only screen and (min-width: 1000px) and (max-width: 1920px) {
    .skill_btn {
      height: 26px;
      width: 26px;
    }
    .skills-chart {
      height: 800px;
      width: 800px;
    }
}
@media only screen and (min-width: 1600px) and (max-width: 1920px) {
    .skill_btn {
      height: 26px;
      width: 26px;
    }
    .skills-chart {
      height: 800px;
      width: 800px;
    }
}
@media only screen and (min-width: 1920px) {
    .skill_btn {
      height: 25px;
      width: 25px;
    }
    .skills-chart {
      height: 800px;
      width: 800px;
    }
}