body {
  overflow-y: scroll;
}
.project h3 {
  font-size: 1.5em;
}
.titleProject {
  padding-top: 60px;
}
.allProjects {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
}
.project {
  width: 400px;
  margin: 70px 40px;
  height: 180px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-position: center;
  background-size: cover;
  padding-left: 7px;
  padding-right: 7px;
  transition: 0.3s ease;
}
.projectOne {
  background-image: url(/assets/images/galaxymain.png);
}
.projectTwo {
  text-shadow: 2px 2px #000000;
  background-image: url(/assets/images/hbcBanner2.png);
}
.projectThree {
  background-image: url(/assets/images/header_background.webp);
}
.projectFour {
  background-color: rgb(30, 83, 161);
}
.projectFive {
  background-image: url(/assets/images/allShredders.png);
  text-shadow: 2px 2px #000000;
}
.project:hover {
  transform: translate(42px, 18px);
  box-shadow: -30px -30px 10px rgb(0, 0, 0);
}
@media (max-width: 600px) {
  .project:hover {
    transform: none;
    box-shadow: none;
  }
  .project {
    width: 360px;
    margin: 70px 10px;
  }
}