style.css

/* Custom CSS for Streamlit App */

/* Header Style */
header {
    background-color: #5072A7; /* A soothing shade of blue */
    color: white; /* White text for contrast */
    padding: 10px; /* Adding padding for spacing */
}

/* Main Body Style */
body {
    font-family: Arial, sans-serif; /* Standard readable font stack */
    color: #333333; /* Dark grey color for main text */
    line-height: 1.6; /* Improved line spacing for readability */
}

/* Titles and Headings */
h1, h2, h3 {
    color: #333366; /* Darker shade of blue for headings */
    margin-bottom: 10px; /* Adding margin for separation */
}

/* Buttons */
button {
    background-color: #4CAF50; /* Green background for buttons */
    color: white; /* White text for contrast */
    padding: 10px 20px; /* Padding for button size */
    margin: 10px 0; /* Margin for spacing */
    border: none; /* Removing default border */
    cursor: pointer; /* Pointer cursor for usability */
    border-radius: 5px; /* Rounded corners */
    transition: background-color 0.3s ease; /* Smooth hover transition */
}

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

/* Footer Style */
footer {
    background-color: #333333; /* Dark background for footer */
    color: white; /* White text for contrast */
    text-align: center; /* Center-aligning text */
    padding: 10px; /* Padding for spacing */
    position: fixed; /* Fixed positioning */
    left: 0;
    bottom: 0;
    width: 100%; /* Full width */
}