| css = """ | |
| h1 {margin: 20px auto; text-align: center;} | |
| img {max-height: 400px !important; max-width: 50vw !important;} | |
| .suggestion-btn { | |
| display: block; | |
| width: 100%; | |
| box-sizing: border-box; | |
| padding: 12px 15px; | |
| margin: 5px 0; | |
| text-align: left; | |
| background-color: #f5f5f5; | |
| color: #2c3e50; | |
| border: 1px solid #e0e0e0; | |
| border-radius: 8px; | |
| font-size: 15px; | |
| font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; | |
| cursor: pointer; | |
| transition: background-color 0.15s ease, border-color 0.15s ease; | |
| } | |
| .suggestion-btn:hover { | |
| background-color: #e9e9e9; | |
| border-color: #dcdcdc; | |
| } | |
| .suggestion-btn:active { | |
| background-color: #e0e0e0; | |
| transition-duration: 0.05s; | |
| } | |
| """ |