.tech-tag {
  padding: 4px 12px;
  font-size: 13px;
  font-weight: 500;
  border-radius: 16px;
  display: inline-block;
  margin: 3px;
  backdrop-filter: blur(11.3px);
  -webkit-backdrop-filter: blur(11.3px);
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
  color: #ededed;
}

/* HTML */
.tag-html {
  background: rgba(228, 77, 38, 0.16);
  border: 1px solid rgba(228, 77, 38, 1);
}

/* CSS */
.tag-css {
  background: rgba(38, 77, 228, 0.16);
  border: 1px solid rgba(38, 77, 228, 1);
}

/* JavaScript */
.tag-js {
  background: rgba(240, 219, 79, 0.16);
  border: 1px solid rgba(240, 219, 79, 1);
}

/* PHP */
.tag-php {
  background: rgba(119, 123, 180, 0.16);
  border: 1px solid rgba(119, 123, 180, 1);
}

/* Symfony */
.tag-symfony {
  background: rgba(126, 87, 194, 0.16); /* Violet clair */
  border: 1px solid rgba(126, 87, 194, 1);
}
.tag-git {
  background: rgba(240, 80, 51, 0.16);
  border: 1px solid rgba(240, 80, 51, 1);
}
/* MySQL */
.tag-mysql {
  background: rgba(0, 117, 143, 0.16);
  border: 1px solid rgba(0, 117, 143, 1);
}

/* Docker */
.tag-docker {
  background: rgba(13, 183, 237, 0.16);
  border: 1px solid rgba(13, 183, 237, 1);
}

/* Python */
.tag-python {
  background: rgba(53, 114, 165, 0.16);
  border: 1px solid rgba(53, 114, 165, 1);
}

/* C++ */
.tag-cpp {
  background: rgba(0, 89, 156, 0.16);
  border: 1px solid rgba(0, 89, 156, 1);
}

/* OVH */
.tag-ovh {
  background: rgba(18, 63, 109, 0.16);
  border: 1px solid rgba(18, 63, 109, 1);
  color: white;
}