body {
    background-image: url(../indexBack.jpg);
    background-size: cover;
    background-attachment: fixed;
    color: #1f6163;
}

.user-form {
    border: 1px solid #ccc;
    padding: 20px;
    max-width: 400px; /* Adjust width as needed */
    margin: 0 auto; /* Center the form */
}

    .user-form .form-group {
        margin-bottom: 20px;
    }

    .user-form label {
        display: block;
        font-weight: bold;
    }

    .user-form input[type="text"],
    .user-form input[type="tel"] {
        width: 100%; /* Set input width to 100% */
        padding: 10px;
        border: 1px solid #ccc;
        border-radius: 5px;
    }

    .user-form button[type="submit"] {
        width: 100%;
        padding: 10px;
        background-color: #1f6163; /* Set the background color */
        color: white; /* Set the text color */
        border: none;
        border-radius: 5px;
        cursor: pointer;
    }

        .user-form button[type="submit"]:hover {
            background-color: #45a049; /* Change color on hover */
        }