style.css

body {
    font-family: Arial, sans-serif;
    color: #000; /* Set default text color to black */
}

.gradio-container {
    background-color: #1a3e63; /* Background color similar to the image */
}

.gradio-block, .gradio-column, .gradio-row {
    background-color: #fff; /* White background for blocks */
    border-radius: 10px; /* Rounded corners */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Subtle shadow for depth */
    margin: 10px;
    padding: 20px;
}

.gradio-markdown {
    color: #000; /* Text color set to black */
}

.gradio-button {
    background-color: #4CAF50; /* Button color */
    color: white; /* Button text color */
    border: none;
    padding: 10px 20px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    cursor: pointer;
    border-radius: 5px; /* Rounded corners */
}

.gradio-checkbox-group, .gradio-checkbox {
    color: #000; /* Text color set to black */
}

.gradio-textbox {
    color: #000; /* Text color set to black */
}

.gradio-header {
    color: #000; /* Text color set to black */
}

.gradio-container p, .gradio-container h1, .gradio-container h2, .gradio-container h3, .gradio-container h4, .gradio-container h5, .gradio-container h6 {
    color: #000; /* Ensure all header and paragraph texts are black */
}