Update app.py

app.py

@@ -130,21 +130,6 @@ def main():
                 padding: 10px;
                 font-size: 16px;
             }
-        </style>
-    """, unsafe_allow_html=True)
-    
-    st.title("Microcontroller Code Generator", anchor="title")
-
-    # Step 1: Display Custom Image
-    # Use the image URL from Imgur
-    image_url = "https://imgur.com/CBm5exE.png"
-    st.image(image_url, caption="Custom Image", use_container_width=True)
-
-    st.write("Select a microcontroller and provide your code requirements to generate code.")
-
-    # Custom styling for the app with logo in top bar
-    st.markdown("""
-        <style>
             .top-bar-logo {
                 position: absolute;
                 top: 0;
@@ -158,12 +143,14 @@ def main():
         </style>
     """, unsafe_allow_html=True)
 
-    # Add logo to the top bar using the new Imgur image URL
-    st.markdown("""
-        <div class="top-bar-logo">
-            <img src="https://i.imgur.com/CBm5exE.png" alt="Logo" width="150">
-        </div>
-    """, unsafe_allow_html=True)
+    st.title("Microcontroller Code Generator", anchor="title")
+
+    # Step 1: Display Custom Image
+    # Use the image URL from Imgur
+    image_url = "https://imgur.com/CBm5exE.png"
+    st.image(image_url, caption="Custom Image", use_container_width=True)
+
+    st.write("Select a microcontroller and provide your code requirements to generate code.")
 
     # Sidebar with different selection options for users
     with st.sidebar:
@@ -191,6 +178,13 @@ def main():
             st.subheader("Generated Code", anchor="generated-code")
             st.code(code)
 
+# Add logo to the top bar using the new Imgur image URL
+st.markdown("""
+    <div class="top-bar-logo">
+        <img src="https://i.imgur.com/CBm5exE.png" alt="Logo" width="150">
+    </div>
+""", unsafe_allow_html=True)
+
 # Run the Streamlit App
 if __name__ == "__main__":
     main()