h2{
    color: brown;
}


.site-footer {
    width: 100%; /* 幅100% */
    height: 300px; /* 高さ300px */
    background-color: #333; /* 背景色を変更（必要に応じて） */
    color: #fff; /* 文字色を白に設定（必要に応じて） */
    display: flex; /* 中央揃えのための設定 */
    justify-content: center; /* 横方向の中央揃え */
    align-items: center; /* 縦方向の中央揃え */
    text-align: center; /* テキストの中央揃え */
}