/* PROJECTS */

.projects {
  background: var(--success);
  padding: 20px;
  min-height: 100vh;
  position: relative;
}
.project {
  background-color: var(--success-dark);
  padding: 10px;
  margin: 5px;
  border-radius: 5px;
}
.projects h2 {
  font-size: calc(1.7rem + 0.5vw);
  color: var(--success-dark);
}
.projects h3 {
  font-size: calc(1.7rem + 0.4vw);
  color: var(--yoga-light);
}
.projects p {
  color: var(--success-light);
  font-size: calc(0.8rem + 0.3vw);
}
.project-image img {
  width: 80%;
  border-radius: 5px;
}

.fa-project {
  background: var(--success-light);
  padding: 4px;
  border-radius: 50%;
  color: var(--success);
  font-size: calc(0.8rem + 0.5vw);
}
.fa-project:hover {
  background: var(--success-dark);
  color: var(--success-light);
}