body {
    font-family: Arial;
    background-color: #f2f2f2;
}

.login-container {
    width: 350px;
    margin: 100px auto;
    padding: 25px;
    background-color: #fff;
    box-shadow: 0px 0px 10px #ccc;
    border-radius: 8px;
}

    .login-container h2 {
        text-align: center;
        margin-bottom: 20px;
        color: #444;
    }

    .login-container input[type=text],
    .login-container input[type=password] {
        width: 100%;
        padding: 10px;
        margin-bottom: 15px;
        border: 1px solid #ccc;
        border-radius: 4px;
    }

    .login-container input[type=submit] {
        width: 100%;
        background-color: #007bff;
        color: white;
        border: none;
        padding: 10px;
        border-radius: 4px;
        cursor: pointer;
    }

        .login-container input[type=submit]:hover {
            background-color: #0056b3;
        }

.error {
    color: red;
    text-align: center;
    margin-top: 10px;
}