/* Container for skill bars */
.containerskill {
    width: 100%; /* Full width */
    background-color: #ddd; /* Grey background */
}

.skills {
    text-align: right; /* Right-align text */
    padding: 10px; /* Add some padding */
    color: white; /* White text color */
}

.pgm {width: 90%; background-color: #4CAF50;} /* Green */
.pasmal {width: 80%; background-color: #2196F3;} /* Blue */
.correct {width: 65%; background-color: #f44336;} /* Red */
.capasse {width: 50%; background-color: #808080;} /* Dark Grey */

.dot {
  height: 10px;
  width: 10px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
}

.dot1 {
  height: 25px;
  width: 25px;
  background-color: #1a1a1a;
  border-radius: 25%;
  display: inline-block;
}

.dot2 {
  height: 25px;
  width: 25px;
  background-color: #d9d9d9;
  border-radius: 25%;
  display: inline-block;
}