.projects > h1{ font-size:32px; font-weight:700; line-height:28px; }
.projects .div{ width:45px; height:5px; border-radius:2px; background:#52dee5; margin:3.5vh 0 4.5vh; }

.projects > div:last-child{
  width:100%; display:flex; flex-wrap:wrap; justify-content:space-evenly; gap:2vw;
}
.projects > div:last-child > div{
  width: 28vw; min-width: 280px;
  display:flex; flex-direction:column; margin-top:1.5vh;
}
.projects > div:last-child > div div{
  width:100%; height:200px; overflow:hidden; border-radius:20px;
}
.projects > div:last-child img{
  width:100%; height:100%; object-fit:cover; transition: transform .2s ease-out;
}
.projects > div:last-child img:hover{ transform: scale(1.08); }

.projects > div:last-child h1{
  font-size:15px; font-weight:600; line-height:20px; margin: 2.5vh 0 0.2vh 5%;
}
.projects > div:last-child p{
  font-size:15px; font-weight:300; line-height:20px; margin: 0 0 2vh 5%;
  color: rgba(214,214,214,0.7);
}

.projects > div:last-child a{
  width:80%; margin: 0 10% 2vh; padding: 2vh 0;
  display:flex; align-items:center; justify-content:center; gap:6px;
  border-radius:10px; transition: filter .2s ease-out;
  background: linear-gradient(to bottom, #ffffff, #e2d8ea);
  border: 2px solid rgba(167,168,217,0.02);
}
.projects > div:last-child a span, 
.projects > div:last-child a ion-icon{ color:#11152b; }

.projects > div:last-child a:hover{ filter: brightness(0.98); }

/* Responsive */
@media (max-width: 900px){
  .projects > div:last-child > div{ width:90%; }
  .projects > div:last-child > div div{ height:300px; }
}
@media (max-width: 480px){
  .projects > h1{ font-size:24px; }
  .projects .div{ width:32px; height:3px; margin:1.5vh 0 4vh; }
  .projects > div:last-child{ flex-direction:column; gap:5vh; }
  .projects > div:last-child > div{ width:100%; margin-top:0; }
  .projects > div:last-child > div div{ height:200px; border-radius:15px; }
  .projects > div:last-child p{ font-size:14px; }
  .projects > div:last-child a{ padding:1.8vh 0; margin-bottom:0; }
}