.login-form {
    margin: 0 auto; /* 左右のマージンを自動に設定して中央揃えに */
    box-sizing: border-box; /* パディングとボーダーを幅に含める */
}

.login-form .form-row,
.login-form label {
    margin-bottom: 10px; /* 行とラベルの間隔の調整 */
}

.login-form input[type="email"],
.login-form input[type="password"],
.login-form input[type="submit"] {
    width: 100%; /* フル幅の入力フィールドとボタン */
    box-sizing: border-box; /* パディングとボーダーを幅に含める */
}

.login-success-message {
    color: green;
    margin-top: 10px;
}

.login-error-message {
    color: red;
    margin-top: 10px;
}