main {
    margin-left: 0;
}

/*.relative {
    position: relative;
    height: 100vh;
    background-size: cover;
    background-position: center;
}*/
.image-container img {
    max-width: 100%;
    height: auto;
    object-fit: contain; /* 画像がコンテナ内に収まるように調整 */
}

.text-white {
    color: #ffffff;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7); /* テキストにシャドウを追加 */
}

.text-5xl {
    font-size: 3rem; /* 見出しのフォントサイズを調整 */
    font-weight: 700;
}

.text-xl {
    font-size: 1.25rem; /* サブテキストのフォントサイズを調整 */
}

.bg-blue-500 {
    background: linear-gradient(90deg, #4facfe, #00f2fe); /* グラデーションを追加 */
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

    .bg-blue-500:hover {
        transform: scale(1.05); /* ホバー時に拡大 */
        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2); /* ホバー時にシャドウを追加 */
    }

.flex {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column; /* 縦方向に配置 */
    text-align: center;
    padding: 20px;
}

.mb-6 {
    margin-bottom: 1.5rem; /* 見出しとサブテキストの間隔を調整 */
}

.mb-8 {
    margin-bottom: 2rem; /* サブテキストとボタンの間隔を調整 */
}

.btn {
    display: inline-block;
    padding: 10px 20px;
    font-size: 1rem;
    font-weight: bold;
    text-align: center;
    border-radius: 5px;
    transition: all 0.3s ease;
    text-decoration: none;
}

/*.btn-login {
    background: linear-gradient(90deg, #4facfe, #00f2fe);*/ /* ログインボタンのグラデーション */
    /*color: #fff;
}

.btn-login:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
}

.btn-register {
    background: linear-gradient(90deg, #ff7eb3, #ff758c);*/ /* 登録ボタンのグラデーション */
    /*color: #fff;
}

.btn-register:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
}*/


/* ボタンスタイル */
.btn-login, .btn-register {
    background-color: #2c3e50; /* 深い藍色 */
    color: #fff;
    padding: 10px 20px;
    border-radius: 5px;
    text-decoration: none;
    font-weight: bold;
    transition: background-color 0.3s ease;
}

    .btn-login:hover, .btn-register:hover {
        background-color: #34495e; /* 少し明るい藍色 */
    }