/* ######################## */
/* ####### Skills ######### */
/* ######################## */
.skill-subtitle {
  font-size: 1.2rem;
  font-weight: 600;
  color: var(--secondary-color);
}
.skills-container {
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  width: min(90%, 700px);
  margin-bottom: 2rem;
}

.skill-card {
  border: 2px solid var(--primary-color);
  padding: 0.5rem 1rem;
  border-radius: 10px;
  text-align: center;
}

/* ################################### */
/* ####### Skills Responsive ######### */
/* ################################### */