.projects {
   min-height: 100vh;
   display: flex;
   flex-direction: column;
   align-items: center;
   gap: 2rem;
   width: 100%;
   padding: 4rem 1.5rem;
  background: linear-gradient(180deg, #ffffff 0%, #ffffff 45%, #faebd7 100%);
 }

 .projects h2 {
   font-size: 4.5rem;
   font-weight: 400;
   margin-bottom: 2rem;
 }

@media (max-width: 768px) {
  .projects {
    background: linear-gradient(180deg, #ffffff 0%, #ffffff 40%, #faebd7 100%);
  }
}