/* 기본설정 */
html,
body {
  margin: 0;
  font-family: sans-serif;
}


/* 레이아웃 */
body {
  display: flex;
  flex-direction: column;
}

main {
  flex: 1;
}

/* 콘텐츠 */
section {
  padding: 120px 20px;
  /* nav 겹침 방지 */
}

.hero {
  height: 100vh;
  background: gray;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
}

/* ============================================== */