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

.contact > h2{ color:#fafafa; font-size:24px; font-weight:600; }
.contact > h3{ color: rgba(214,214,214,0.8); font-weight:500; margin-top: 6px; }

.contact > div:last-child{
  width:100%; display:flex; flex-wrap:wrap; gap:4%; padding: 0 2%;
  margin: 3vh 0 2vh;
}
.contact > div:last-child a{
  width:48%; padding: 20px 0; display:flex; align-items:center; justify-content:center; gap:8px;
  border-radius:10px; color:#fafafa; margin-top: 2vh; box-shadow: 0 0 20px 10px rgba(0,0,0,0.08);
}

.contact .whatsapp{ background:#25D366; }
.contact .gmail{ background:#c71610; }
.contact .github{ background:#333; }
.contact .linkedin{ background:#0077b5; }
.contact .insta{ background:#cc2366; }

/* Responsive */
@media (max-width: 480px){
  .contact > h1{ font-size:24px; line-height:20px; }
  .contact .div{ width:32px; height:3px; margin:1.5vh 0 2.5vh; }
  .contact > h2, .contact > h3{ font-size:16px; }
  .contact > div:last-child{
    flex-direction: column; gap: 12px; padding: 1vh 0; margin-bottom: 0;
  }
  .contact > div:last-child a{
    width:96%; padding: 2vh 0; margin: 0 2%;
  }
}