.project-container {
  max-width: 1000px;
  margin: 2rem auto;
  background-color: white;
  /* background-color: rgba(132, 191, 156, 0.5); */
  /* background-color: rgba(0, 0, 0, 0.05); */
  border: 1px solid black;
  box-shadow: 5px 5px 0px rgba(132, 191, 156);
  border-radius: 5px;
}

.pic {
  max-width: 98%;
  height: auto;
  margin: 1%;
  /* border: 2px solid black; */
  border-radius: 5px;
  box-shadow: 2px 5px 16px rgba(0, 0, 0, 0.2);
}

.pic:hover {
  opacity: 0.7;
}

.project-container p {
  text-align: center;
  line-height: 1.6;
  padding: 0 0.5rem;
}

.project-container span {
  font-weight: bold;
  font-size: large;
}

.project-name {
  font-weight: bold;
  font-size: larger;
}

@media only screen and (min-width: 839px) {
  .container {
    margin: 2rem auto;
  }
}