/* ============================================
   LAYOUT-TABLET.CSS — max-width: 820px
   ============================================ */

header {
  padding: 1.2rem 2rem;
}

header h1 {
  font-size: 1.15rem;
}

nav a {
  padding: 0.85rem 1.4rem;
  letter-spacing: 0.12em;
}

main {
  padding: 2.5rem 1.5rem;
}

main.projects {
  grid-template-columns: repeat(2, 1fr);
  max-width: 100%;
}

main.projects h1 {
  grid-column: 1 / -1;
}

main.about,
main.social {
  max-width: 100%;
}