Spaces:
Sleeping
Sleeping
| /* General Sidebar Style */ | |
| .sidebar-header { | |
| font-size: 24px; | |
| color: #f5f5f5; | |
| text-align: center; | |
| font-weight: bold; | |
| margin-bottom: 24px; | |
| } | |
| /* Streamlit native button customization */ | |
| div.stButton > button { | |
| width: 90%; /* Adjust width */ | |
| height: 60px; /* Adjust height */ | |
| margin: 10px auto; /* Center the button */ | |
| padding: 10px; | |
| font-size: 20px; /* Larger font size */ | |
| text-align: center; | |
| background-color: #8ECAE6; /* Primary button color */ | |
| color: #023047; /* Text color */ | |
| border: 2px solid #219EBC; /* Border color */ | |
| border-radius: 10px; /* Rounded corners */ | |
| font-weight: bold; | |
| cursor: pointer; | |
| transition: all 0.3s ease-in-out; | |
| } | |
| div.stButton > button:hover { | |
| background-color: #219EBC; /* Darker shade on hover */ | |
| color: #FFFFFF; /* Text color on hover */ | |
| transform: scale(1.05); /* Slight zoom effect */ | |
| } | |
| div.stButton > button:active { | |
| background-color: #023047; /* Even darker shade when clicked */ | |
| color: #FFFFFF; /* Text color when clicked */ | |
| } | |