/* Page basics */
*{box-sizing:border-box}
body{max-width:980px;margin:0 auto;padding:16px;line-height:1.6;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial}
header{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px}
header ul{display:flex;gap:12px;list-style:none;margin:0;padding:0}

/* About layout */
#about .profile{
  display:grid;
  grid-template-columns: 180px 1fr;   /* image | text */
  gap: 20px;
  align-items:start;                   /* keep image aligned to top */
}
#about .profile img{
  width:180px;
  height:180px;
  object-fit:cover;
  border-radius:12px;
  flex-shrink:0;
}

/* Make it stack nicely on mobile */
@media (max-width: 700px){
  #about .profile{
    grid-template-columns: 1fr;
  }
  #about .profile img{
    width:140px;height:140px;
  }
}