#project-list {
  position: absolute;
  left: 50%;
  transform: translate(-50%);
}

.project {
  background-color: #E8C8C5;
  color: black;
  max-width: 800px;
  padding: 20px;
  margin-bottom: 30px;
  border-style: groove;
}

.project .title {
  margin-bottom: 4px;
  font-family: Barlow Condensed;
  text-transform: uppercase;
  font-size: 20px;
  font-weight: bold;
}

.project .description {
  font-size: 15px;
  font-style: italic;
}

.project .project-contents:hover{
  cursor:pointer;
  animation-name: pulse;
  animation-duration: 0.5s;
}

@keyframes pulse{
  0%{
    transform:scale(1);
  }
  40%{
    transform:scale(1.02);
    transform-origin: center;
  }
  100%{
    transform:scale(1);
  }
}