body {
  background: content-box radial-gradient(#9B8B6C,#333333);
  max-width: 1200px;
  margin: 0 auto;
}

#title{
  background-color: #9B8B6C;
  border: solid 3px #333333;
  text-align:center;
}

.titlefont{
    font-size: 36px;
    font-weight: bold;
      color: #000000;
      text-shadow: 3px 3px 6px #CCCCCC;
  }

#profile {
  display: flex;           /* 横並びにする */
  justify-content: space-around; /* 均等配置 */
  gap: 40px; /* セクション間の余白 *//* Flexbox や Grid の子要素同士の間隔をまとめて指定するプロパティ */
  padding: 20px;
  align-items: stretch;    /* 高さを揃える */
}

.profile-section {
  flex: 1;              /* 子要素を均等に横幅いっぱいに広げる *//* 複数の子要素に flex: 1; をつけると、それぞれ同じ幅になる */
  background: #f9f9f9;  /* 背景色（好みで変える） */
  padding: 15px;
  border-radius: 8px;   /* 角を丸めて柔らかい印象 */
}

#bottom{
  text-align: center;
  background-color: #9B8B6C;
  padding: 10px 0;
}