section.project-Title{
  padding-left: 10%;
  padding-bottom: 6vh;
}
section.project-Title h1{
  font-size: 1.9vw;
  padding-left: 20px;
}

div.projectItemContainer{
  max-width: 22vw;
  background: rgba(124, 124, 124, 0.2);
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
  justify-content: center;
  border: 5px solid rgba(124, 124, 124, 0.2);
  border-radius: 10px;
  margin: 20px;

  min-width: 370px;
}
div.projectItemContainer img {
  max-width: 100%;
  padding-bottom: 1vh;
}
div.projectItemContainer hr {
  width: 75%;
}
div.projectTitleBoxLeft {
  width: 65%;
}
div.projectTitleBoxRight {
  width: 35%;
}
.projectStatusChip{
  margin-left: 7px;
  margin-top: 5px;
  padding: 3px;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 3.5px;
  padding-bottom: 4px;
  font-size: min(5vw, 16px);
  border-radius: 30px;
  border: none;
  background-color: orange;
  color: white;
  margin-right: 10px;
}

div.projectFlexbox {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

@media (max-width: 800px) {
  div.projectItemContainer{
    max-width: 99%;
    min-width: 300px;
  }
  section.project-Title{
    padding-left: 0.5%;
  }
  section.project-Title h1{
    font-size: 5.3vw;
    padding-left: 5px;
  }
  div.projectFlexbox {
    flex-direction: column;
  }
  .projectStatusChip{
    font-size: min(5vw, 14px);
  }
  
}