/* ページ全体のリセットと設定 */
html, body {
    height: 100%; /* bodyとhtmlの高さをビューポートいっぱいに設定 */
    margin: 0;     /* デフォルトのマージンを削除 */
    font-family: Arial, sans-serif; /* フォントを指定 */
    background-color: #f0f0f0; /* 背景色 */
}

/* メッセージを画面中央に配置するコンテナ */
.container {
    height: 100%;
    display: flex;             /* Flexboxを有効にする */
    justify-content: center;   /* 水平方向の中央揃え */
    align-items: center;       /* 垂直方向の中央揃え */
}

/* Coming soon メッセージのスタイル */
.message {
    font-size: 4em;            /* 文字サイズを大きく */
    font-weight: bold;         /* 太字 */
    color: #333;               /* 文字色 */
    padding: 20px 40px;
    border: 5px solid #333;    /* 枠線 */
    border-radius: 10px;       /* 角を丸く */
    text-transform: uppercase; /* 大文字に変換 */
    letter-spacing: 5px;       /* 文字間隔 */
}