/* Make sure that padding behaves as expected */
* {box-sizing:border-box}

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

.skills {
    text-align: right; /* Right-align text */
    padding-right: 20px; /* Add some right padding */
    line-height: 40px; /* Set the line-height to center the text inside the skill bar, and to expand the height of the container */
    color: white; /* White text color */
}

.nout_bbc {width: 100%; background-color: #4CAF50; font-size: larger;} /* Green */
/*.css {width: 80%; background-color: #2196F3;} /* Blue */
/*.js {width: 65%; background-color: #f44336;} /* Red */
/*.php {width: 60%; background-color: #808080;} /* Dark Grey */