.skills-list {
  display: flex;
  flex-wrap: wrap;
  gap: 1.5rem;
  list-style: none;
  margin: 10px 0;
}

.skills-item {
  min-width: 80px;
  height: 80px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  transition: transform 0.3s ease;
}

.skills-item img {
  max-width: 100%;
  max-height: 60px;
}

.skills-item p {
    color: var(--light-gray);
}

.skills-item:hover {
  transform: scale(1.1);
  border-color: #888;
}

@media (max-width: 600px) {
  .skills-item {
    width: 60px;
    height: 60px;
  }

  .skills-title {
    font-size: 1.5rem;
  }
}