* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

.div {
  height: 70px;
}

.main {
  flex-direction: column;
  height: auto;
  min-height: 700px;
  display: flex;
}

.main-proje-baslik h1 {
  font-size: 80px;
  color: #eee;
  padding: 70px;
  text-align:center;
}

.projeler {
  display: flex;
  gap: 50px;
  flex-wrap: wrap;
  justify-content: center;
}
.mainProje {
  background-color: #eee;
  padding-top: 20px;
  border-radius: 20px;
  text-align: center;
  max-width: 500px;
  margin-bottom: 60px;
  transition: transform 0.4s ease;
  box-shadow: rgba(248, 248, 250, 0.25) 0px 50px 100px -20px,
    rgba(252, 250, 250, 0.3) 0px 30px 60px -30px,
    rgba(246, 246, 247, 0.35) 0px -2px 6px 0px inset;
  cursor: pointer;
}

.mainProje img{
  border-radius: 20px;
}

.mainProje:hover {
  transform: scale(1.1);
}

.mainProje img {
  width: 100%;
  height: 100%;
}

@media (max-width: 800px) {

  .main-proje-baslik h1{
    font-size: 45px;
  }
}

@media (max-width: 600px) {
  .mainProje {
    width: 20rem;
    padding-top: 5px;
  }

  .proje-baslik{
    font-size: 18px;
  }

}