.title-div {
  display: flex;
  justify-content: center;
}
.title {
  color: white;
  font-weight: bold;
  font-size: 5.2vw;
  font-family: Ndot, Arial, Helvetica, sans-serif;
  height: 10vh;
}
.projects-all {
  display: flex;
  justify-content: center;
}
.project-example {
  width: 33vw;
  background-color: rgba(64, 64, 64, 0.6);
  border: 0.3vw solid rgba(64, 64, 64, 0.9);
  border-radius: 0.9vw;
  cursor: pointer;
  transition: background-color 0.25s, opacity 0.15s;
}
.project-img-div {
  width: 33vw;
}
.project-img {
  width: 100%;
}
.examples {
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 6vw;
}
.project-description-div {
  width: 33vw;
  display: flex;
  justify-content: center;
}
.project-description {
  text-align: center;
  font-size: 1vw;
}
.project-title {
  font-size: 1.2vw;
  font-weight: bold;
}
.project-title-div {
  width: 33vw;
  display: flex;
  justify-content: center;
}
.project-example:hover {
  background-color: rgba(64, 64, 64, 0.9);
}
.project-example:active {
  opacity: 0.8;
}