Update app.py

app.py

@@ -88,120 +88,8 @@ async def generate_predictions(book_name, author, language_choice, detail_option
 
 
     return image_links, combined_summary, telegraph_url
-css = """/* Base styling to set the overall look and feel */
-
-body {
-    background-color: #f5f5f5;
-    font-family: 'Arial', sans-serif;
-    line-height: 1.6;
-    color: #333;
-}
-
-/* Styling for headers, mimicking Notion's typography */
-
-h1, h2, h3, h4, h5, h6 {
-    font-weight: 500;
-    margin-top: 24px;
-    margin-bottom: 16px;
-}
-
-h1 {
-    font-size: 2em;
-}
-
-h2 {
-    font-size: 1.75em;
-}
-
-h3 {
-    font-size: 1.5em;
-}
-
-/* Input fields styling */
-
-input, select, textarea {
-    background-color: #ffffff;
-    border: 1px solid #e1e4e8;
-    border-radius: 5px;
-    padding: 10px 15px;
-    font-size: 14px;
-    width: 100%;
-    box-sizing: border-box;
-    transition: border-color 0.3s;
-}
-
-input:focus, select:focus, textarea:focus {
-    border-color: #6366F1;
-    outline: none;
-    box-shadow: 0 0 0 2px rgba(99, 102, 241, 0.3);
-}
-
-/* Button styling */
-
-button {
-    background-color: #6366F1;
-    color: #ffffff;
-    border: none;
-    border-radius: 5px;
-    padding: 10px 20px;
-    cursor: pointer;
-    transition: background-color 0.3s, transform 0.3s;
-    font-size: 16px;
-}
-
-button:hover {
-    background-color: #5555d6; /* Slightly darker shade for hover */
-}
-
-button:active {
-    transform: scale(0.98); /* Slight scale down for a press effect */
-}
-
-/* Output cards styling */
-
-.output-card {
-    background-color: #ffffff;
-    border-radius: 5px;
-    box-shadow: 0 2px 15px rgba(0, 0, 0, 0.08);
-    padding: 20px;
-    margin: 20px 0;
-}
-
-.output-card img {
-    max-width: 100%;
-    border-radius: 5px;
-}
-
-/* Styling for links */
-
-a {
-    color: #6366F1;
-    text-decoration: none;
-    transition: color 0.3s;
-}
-
-a:hover {
-    color: #5555d6;
-}
-
-/* Styling for lists */
-
-ul, ol {
-    padding-left: 20px;
-}
-
-li {
-    margin-bottom: 10px;
-}
-
-/* Additional styling for other elements can be added as needed */
 
-/* ... */
-
-
-
-"""
-with gr.Blocks(title="📚 BookMindAI", css=css).queue() as demo:
+with gr.Blocks(title="📚 BookMindAI", theme=gr.themes.Base()).queue() as demo:
     
     with gr.Row():
         with gr.Column():