Spaces:
Sleeping
Sleeping
| :root { | |
| --primary-color: #FFD700; /* Gold/Yellow */ | |
| --secondary-color: #1a1a1a; /* Dark Gray/Black */ | |
| --text-color: #333333; | |
| --bg-color: #f4f4f4; | |
| } | |
| body { | |
| background-color: var(--bg-color); | |
| font-family: 'Roboto', sans-serif; | |
| } | |
| gradio-app { | |
| background-color: var(--bg-color) ; | |
| } | |
| .gradio-container { | |
| max-width: 1200px ; | |
| } | |
| /* Customizing Buttons */ | |
| button.primary { | |
| background-color: var(--primary-color) ; | |
| color: var(--secondary-color) ; | |
| font-weight: bold ; | |
| border: none ; | |
| transition: transform 0.1s; | |
| } | |
| button.primary:hover { | |
| transform: scale(1.02); | |
| box-shadow: 0 4px 6px rgba(0,0,0,0.1); | |
| } | |
| /* Header Styling */ | |
| #header-title { | |
| text-align: center; | |
| color: var(--secondary-color); | |
| margin-bottom: 20px; | |
| } | |
| #header-title h1 { | |
| font-size: 2.5rem; | |
| border-bottom: 4px solid var(--primary-color); | |
| display: inline-block; | |
| padding-bottom: 5px; | |
| } | |
| /* Panel Styling */ | |
| .panel-container { | |
| background: white; | |
| border-radius: 12px; | |
| padding: 20px; | |
| box-shadow: 0 4px 12px rgba(0,0,0,0.08); | |
| border-top: 5px solid var(--primary-color); | |
| } | |