[Website] Title部分のレイアウト修正

[YumNumm]

[!NOTE]

• 95, #87 をmainへマージした後 本PRをマージします

デザインの仕様

• 最大の余白: 左右88px, 上下110px

  • タイトル部分は601px + 左右余白 88px × 2 が余白最大で表示できる最小幅になる
  • 最大余白時で足りなくなった時、すなわち 画面幅が601+88*2(px)以下になった時に、最小幅へ変化

• 最小の余白: 左右上24px, 下80px

• [MEMO]: 本来は 最大余白から最小余白への切り替えを滑らかに行いたかったが、今回のPRではスコープ外とし 一旦これでリリースしようと思います

画像 / 動画

実際の挙動

https://github.com/FlutterKaigi/2024/assets/73390859/b276631b-2863-4dd0-8f11-227f2b08e6d8