/* ===== SKILLS =====*/
.skills__container {
  row-gap: 2rem;
  text-align: center;
}
.skills__subtitle {
  margin-bottom: var(--mb-2);
}

.skills__data {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  font-weight: var(--font-semi);
  padding: 0.5rem 1rem;
  margin-bottom: var(--mb-4);
  border-radius: 0.5rem;
  box-shadow: 0 4px 25px rgba(14, 36, 49, 0.15);
}
.skills__icon {
  font-size: 2rem;
  margin-right: var(--mb-2);
  color: #d53567;
  /* background-image: linear-gradient(90deg, #fff400, #d53567 50%);
  -webkit-background-clip: text;
	-webkit-text-fill-color: transparent; */
}

.skills__data {
  box-shadow: 0 4px 25px rgba(225, 225, 255, 0.3);
}

.skills__names {
  display: flex;
  align-items: center;
}
.skills__bar {
  position: absolute;
  left: 0;
  bottom: 0;
  background: linear-gradient(
    90deg,
    #fff400,
    #ffa601,
    #ff9f05,
    #f3503c,
    #ee4248,
    #d53567
  );
  height: 0.25rem;
  border-radius: 0.5rem;
  z-index: var(--z-back);
}

.skills__img {
  border-radius: 0.5rem;
}


/* For medium and larger screens */
@media screen and (min-width: 768px) {
   .skills__container {
    grid-template-columns: repeat(2, 1fr);
    align-items: center;
    text-align: initial;
  }
}