Update app.py

app.py

@@ -364,7 +364,7 @@ def fetch_local_weather():
             </div>
         </div>
         <style>
-            .weather-theme {
+            .weather-theme {{
                 animation: backgroundAnimation 10s infinite alternate;
                 border: 1px solid #ddd;
                 border-radius: 10px;
@@ -374,25 +374,25 @@ def fetch_local_weather():
                 background-size: 400% 400%;
                 box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
                 transition: box-shadow 0.3s ease, background-color 0.3s ease;
-            }
-            .weather-theme:hover {
+            }}
+            .weather-theme:hover {{
                 box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
                 background-position: 100% 100%;
-            }
-            @keyframes backgroundAnimation {
-                0% { background-position: 0% 50%; }
-                100% { background-position: 100% 50%; }
-            }
-            .weather-content {
+            }}
+            @keyframes backgroundAnimation {{
+                0% {{ background-position: 0% 50%; }}
+                100% {{ background-position: 100% 50%; }}
+            }}
+            .weather-content {{
                 display: flex;
                 align-items: center;
-            }
-            .weather-icon {
+            }}
+            .weather-icon {{
                 flex: 1;
-            }
-            .weather-details {
+            }}
+            .weather-details {{
                 flex: 3;
-            }
+            }}
         </style>
         """
         return weather_html