/* Custom styles to enhance Tailwind CSS */
body {
    /* Ensure the body takes full height for centering */
    height: 100vh;
}

#survey-form input, #survey-form select {
    /* Add focus styles for form inputs */
    transition: border-color 0.3s ease;
}

#survey-form input:focus, #survey-form select:focus {
    /* Highlight inputs on focus */
    outline: none;
    border-color: #2563eb;
}

#response-message {
    /* Style for response messages */
    font-size: 1rem;
    font-weight: 500;
}