/* ============================================
   LAYOUT-PHONE.CSS — max-width: 430px
   ============================================ */

header {
  padding: 1rem 1.25rem;
}

header h1 {
  font-size: 1rem;
}

nav {
  flex-wrap: wrap;
}

nav a {
  padding: 0.7rem 1.1rem;
  font-size: 0.72rem;
  letter-spacing: 0.1em;
  flex: 1 1 33%;
  text-align: center;
}

main {
  padding: 2rem 1rem;
}

main > h1 {
  font-size: 2rem;
}

main.projects {
  grid-template-columns: 1fr;
}

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

main.social section {
  padding: 1rem 1.25rem;
}

main.about section {
  padding: 1.25rem 1.25rem;
}