/* 親要素（body）を Flexbox にして中央揃え */
body {
  display: flex;
  justify-content: center; /* 横方向中央 */
  align-items: center;     /* 縦方向中央 */
  height: 100vh;           /* 画面の高さを 100% に */
  margin: 0;               /* 不要な余白を削除 */
}

/* h1 の基本スタイル */
#main-title {
  font-size: 3rem;
  text-align: center;
}