/*
 * skills.css
 * Copyright (C) 2022 Luc Kusters
 *
 * Distributed under terms of the MIT license.
 */

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

.skills {
  text-align: right; /* Right-align text */
  padding-top: 10px; /* Add top padding */
  padding-bottom: 10px; /* Add bottom padding */
  color: white; /* White text color */
  border-radius:15px;
}

.skill-0p{width: 0%; background-color: #04AA6D;}
.skill-5p{width: 5%; background-color: #04AA6D;}
.skill-10p{width: 10%; background-color: #04AA6D;}
.skill-15p{width: 15%; background-color: #04AA6D;}
.skill-20p{width: 20%; background-color: #04AA6D;}
.skill-25p{width: 25%; background-color: #04AA6D;}
.skill-30p{width: 30%; background-color: #04AA6D;}
.skill-35p{width: 35%; background-color: #04AA6D;}
.skill-40p{width: 40%; background-color: #04AA6D;}
.skill-45p{width: 45%; background-color: #04AA6D;}
.skill-50p{width: 50%; background-color: #04AA6D;}
.skill-55p{width: 55%; background-color: #04AA6D;}
.skill-60p{width: 60%; background-color: #04AA6D;}
.skill-65p{width: 65%; background-color: #04AA6D;}
.skill-70p{width: 70%; background-color: #04AA6D;}
.skill-75p{width: 75%; background-color: #04AA6D;}
.skill-80p{width: 80%; background-color: #04AA6D;}
.skill-85p{width: 85%; background-color: #04AA6D;}
.skill-90p{width: 90%; background-color: #04AA6D;}
.skill-95p{width: 95%; background-color: #04AA6D;}
.skill-100p{width: 100%; background-color: #04AA6D;}

.python {}
.js {width: 70%; background-color: #04AA6D;}
.cpp {width: 50%; background-color: #04AA6D;}
.unix-shell {width: 50%; background-color: #04AA6D;}
.java {width: 40%; background-color: #04AA6D;}
.ruby {width: 30%; background-color: #04AA6D;}
.dart {width: 30%; background-color: #04AA6D;}

/* it skills */
.linux {width: 80%; background-color: #04AA6D;}
.git {width: 80%; background-color: #04AA6D;}
.wp {width: 60%; background-color: #04AA6D;}
.html {width: 70%; background-color: #04AA6D;}
.css {width: 65%; background-color: #04AA6D;}
.latex {width: 80%; background-color: #04AA6D;}
.nginx {width: 50%; background-color: #04AA6D;}
.jenkins {width: 40%; background-color: #04AA6D;}
.github-actions {width: 30%; background-color: #04AA6D;}

/* ml frameworks */
.pytorch {width: 80%; background-color: #04AA6D;}
.tensorflow {width: 60%; background-color: #04AA6D;}