/* Styles for the "projects" section */
.projects {
  display: flex;
  flex-direction: column;
  gap: 50px;
}

.project-card {
  border-radius: 20px;
  padding: 40px;
  background-color: var(--light-theme-color);
  color: var(--dark-theme-color);
  display: flex;
  flex-direction: column;
  gap: 25px;
}

.project-card:hover {
  cursor: default;
  opacity: 0.92;
}

.project-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.project-links {
  display: flex;
  justify-content: space-around;
  gap: 10px;
}

.project-link {
  background-color: var(--dark-theme-color);
  border-radius: 10px;
  padding: 5px 20px;
}

.project-link a {
  color: var(--light-theme-color);
}

.project-techs {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.project-tech {
  background-color: var(--dark-theme-color);
  color: var(--light-theme-color);
  font-size: small;
  border-radius: 7px;
  padding: 3px 15px;
}