Update app.py

app.py

@@ -110,30 +110,26 @@ with gr.Blocks() as demo:
     /* General Layout */
     body {
         font-family: 'Arial', sans-serif;
-        background-color: #f4f6f9; /* Light pastel background */
+        background-color: #ffe4e1; /* Soft pastel pink */
         margin: 0;
         padding: 0;
     }
-
     /* Header */
     h1, h2, h3 {
         text-align: center;
         color: #3a3a3a;
         font-weight: bold;
     }
-
     gr-Markdown h1 {
         font-size: 28px;
         color: #a3d5d3; /* Soft pastel teal for the header */
     }
-
     /* Container and Columns */
     .gr-row {
         display: flex;
         justify-content: center;
         margin: 20px 0;
     }
-
     .gr-column {
         flex: 1;
         margin: 0 10px;
@@ -142,7 +138,6 @@ with gr.Blocks() as demo:
         background-color: #f8f0fa; /* Pastel pink background for columns */
         border-radius: 8px;
     }
-
     /* Input Components */
     .gr-Image, .gr-Audio, .gr-Text {
         width: 100%;
@@ -151,13 +146,11 @@ with gr.Blocks() as demo:
         border: 1px solid #e3e3e3;
         border-radius: 8px;
     }
-
     .gr-Image label, .gr-Audio label, .gr-Text label {
         font-size: 16px;
         font-weight: bold;
         color: #8b8b8b;
     }
-
     /* Submit Button */
     .gr-Button {
         width: 100%;
@@ -170,11 +163,9 @@ with gr.Blocks() as demo:
         cursor: pointer;
         transition: background-color 0.3s ease;
     }
-
     .gr-Button:hover {
         background-color: #9db6d3; /* Darker pastel blue on hover */
     }
-
     /* Text Output */
     .gr-Text {
         font-size: 16px;
@@ -185,19 +176,17 @@ with gr.Blocks() as demo:
         border-radius: 5px;
         background-color: #edf5e1; /* Light pastel green for the output text box */
     }
-
     /* Responsive Design */
     @media (max-width: 768px) {
         .gr-row {
             flex-direction: column;
         }
-
         .gr-column {
             margin: 10px 0;
         }
     }
     </style>
-
+    
     # Engage with MultiModal GPT!
     A seamless AI experience combining CLIP and Phi-2 models.
     """