Increase font sizes and make text bolder for better readability

- Increased time display from 3rem to 4.5rem with font-weight 600
- Increased date from 1.1rem to 1.6rem with font-weight 500
- Increased current temperature from 2rem to 3rem with font-weight 600
- Increased weather labels from 0.85rem to 1.2rem with font-weight 600
- Increased weather icons from 1.8rem to 2.5rem
- Increased forecast icons from 1.5rem to 2.2rem
- Increased forecast temps from 0.9rem to 1.3rem with high temps at font-weight 700
- Increased section headers from 1.3rem to 2rem with font-weight 700
- Increased day names from 1rem to 1.5rem with font-weight 700
- Increased day dates from 0.85rem to 1.2rem with font-weight 600
- Increased event times from 0.75rem to 1.1rem with font-weight 700
- Increased event titles from 0.9rem to 1.3rem with font-weight 600
- Increased event locations from 0.85rem to 1.1rem with font-weight 500
- Increased joke text from 0.9rem to 1.3rem with font-weight 500
- Added new background images
- Removed old background images

Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>

static/css/style.css

@@ -66,15 +66,15 @@ body {
 }
 
 .time {
-    font-size: 3rem;
+    font-size: 4.5rem;
-    font-weight: 300;
+    font-weight: 600;
     line-height: 1;
     text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
 }
 
 .date {
-    font-size: 1.1rem;
+    font-size: 1.6rem;
-    font-weight: 300;
+    font-weight: 500;
     margin-top: 0.3rem;
     opacity: 0.9;
     text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
@@ -94,20 +94,21 @@ body {
 }
 
 .weather-label {
-    font-size: 0.85rem;
+    font-size: 1.2rem;
+    font-weight: 600;
     opacity: 0.8;
     text-transform: uppercase;
     letter-spacing: 0.05em;
 }
 
 .current-temp {
-    font-size: 2rem;
+    font-size: 3rem;
-    font-weight: 300;
+    font-weight: 600;
     text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
 }
 
 .weather-icon {
-    font-size: 1.8rem;
+    font-size: 2.5rem;
 }
 
 .header-forecast {
@@ -123,17 +124,17 @@ body {
 }
 
 .forecast-icon {
-    font-size: 1.5rem;
+    font-size: 2.2rem;
 }
 
 .forecast-temps {
     display: flex;
     gap: 0.3rem;
-    font-size: 0.9rem;
+    font-size: 1.3rem;
 }
 
 .forecast-temps .high {
-    font-weight: 500;
+    font-weight: 700;
 }
 
 .forecast-temps .low {
@@ -157,8 +158,8 @@ section {
 }
 
 section h2 {
-    font-size: 1.3rem;
+    font-size: 2rem;
-    font-weight: 400;
+    font-weight: 700;
     margin-bottom: 0.8rem;
     text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
 }
@@ -264,13 +265,14 @@ section h3 {
 }
 
 .day-name {
-    font-size: 1rem;
+    font-size: 1.5rem;
-    font-weight: 500;
+    font-weight: 700;
     text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
 }
 
 .day-date {
-    font-size: 0.85rem;
+    font-size: 1.2rem;
+    font-weight: 600;
     opacity: 0.8;
     margin-top: 0.2rem;
 }
@@ -284,7 +286,8 @@ section h3 {
 }
 
 .no-events {
-    font-size: 0.85rem;
+    font-size: 1.2rem;
+    font-weight: 500;
     opacity: 0.5;
     font-style: italic;
     padding: 0.5rem;
@@ -299,20 +302,22 @@ section h3 {
 }
 
 .event-time {
-    font-size: 0.75rem;
+    font-size: 1.1rem;
-    font-weight: 500;
+    font-weight: 700;
     margin-bottom: 0.2rem;
     color: #4a9eff;
 }
 
 .event-title {
-    font-size: 0.9rem;
+    font-size: 1.3rem;
+    font-weight: 600;
     margin-bottom: 0.2rem;
     line-height: 1.2;
 }
 
 .event-location {
-    font-size: 0.85rem;
+    font-size: 1.1rem;
+    font-weight: 500;
     opacity: 0.7;
     font-style: italic;
 }
@@ -333,7 +338,8 @@ section h3 {
 }
 
 .joke {
-    font-size: 0.9rem;
+    font-size: 1.3rem;
+    font-weight: 500;
     font-style: italic;
     text-align: center;
     opacity: 0.9;
@@ -362,19 +368,19 @@ section h3 {
 /* Responsive adjustments for smaller screens */
 @media (max-width: 1200px) {
     .time {
-        font-size: 4rem;
+        font-size: 5rem;
     }
 
     .date {
-        font-size: 1.5rem;
+        font-size: 2rem;
     }
 
     .current-temp {
-        font-size: 3rem;
+        font-size: 4rem;
     }
 
     section h2 {
-        font-size: 1.6rem;
+        font-size: 2.5rem;
     }
 }
 
@@ -384,10 +390,10 @@ section h3 {
     }
 
     .time {
-        font-size: 3rem;
+        font-size: 4rem;
     }
 
     .current-temp {
-        font-size: 2.5rem;
+        font-size: 3.5rem;
     }
 }