|
|
|
|
|
body { |
|
|
background: rgba(0, 0, 0, 0.1); |
|
|
backdrop-filter: blur(10px); |
|
|
font-family: 'Arial', sans-serif; |
|
|
} |
|
|
|
|
|
.gradio-container { |
|
|
border-radius: 15px; |
|
|
padding: 20px; |
|
|
background: rgba(255, 255, 255, 0.2); |
|
|
backdrop-filter: blur(15px); |
|
|
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); |
|
|
} |
|
|
|
|
|
.gradio-button { |
|
|
background-color: #4CAF50; |
|
|
color: white; |
|
|
border-radius: 5px; |
|
|
padding: 10px 20px; |
|
|
border: none; |
|
|
cursor: pointer; |
|
|
} |
|
|
|
|
|
.gradio-button:hover { |
|
|
background-color: #45a049; |
|
|
} |
|
|
|
|
|
.gradio-textbox { |
|
|
border-radius: 10px; |
|
|
padding: 10px; |
|
|
border: 1px solid #ccc; |
|
|
width: 100%; |
|
|
box-sizing: border-box; |
|
|
} |
|
|
|
