/* Skills */
.skills {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  justify-content: center;
}

.skills span {
  background: #0074d9;
  padding: 16px 36px;
  border-radius: 40px;
  font-weight: 700;
  color: #f0f5fb;
  box-shadow: 0 5px 18px rgba(0, 98, 204, 0.7);
  transition: background 0.35s ease;
  font-size: clamp(0.9rem, 2vw, 1.1rem);
}

.skills span:hover {
  background: #005bb5;
  cursor: default;
}