Spaces:
Running
Running
/* 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 */ | |
} | |