.skills {
  padding: 6rem 2rem;
}

.skill-category {
  padding: 1rem;
  width: 80%;
  background: rgb(21, 27, 35);
}

.skill-category h3 {
  margin-bottom: 1rem;
}

.skill-category#soft-skills {
  border: 1px solid var(--secondary);
  color: var(--secondary);
}

.skill {
  border-radius: 5px;
  background: rgba(255,255,255, 0.2);
  border: 1px solid rgb(170,170,170);
  padding: 0.5rem;
  will-change: transform; /* assure que le navigateur ne recalcule pas chaque changement de position due à l'animation GSAP */
  position: relative;
}

.skill-details {
  background: rgba(255,255,255, 0.8);
  color: black;
  position: absolute;
  top : 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
}

.skill-lvl {
  font-size: 0.8rem;
}

.skill > img {
  width: 75px;
}