# Custom CSS to adjust field sizes, button color, and label styling
app.css = """
#name_field, #father_name_field {
    max-width: 200px;
}

#age_field {
    max-width: 80px;
}

#phone_field {
    max-width: 150px;
}

#pincode_field {
    max-width: 100px;
}

/* Style for the main button */
button {
    background-color: #28a745;  /* Green color */
    color: white;
    font-weight: bold;
}

button:hover {
    background-color: #218838;  /* Darker green on hover */
}

/* Style for labels to look highlighted */
label {
    display: inline-block;
    padding: 8px 12px;
    background-color: #343a40;  /* Dark gray for contrast */
    color: white;
    font-weight: bold;
    border-radius: 5px;
    margin-bottom: 5px;
    text-align: center;
    width: fit-content;
}

label:hover {
    background-color: #495057;  /* Slightly lighter gray on hover */
}
"""