Refine styles in style.css for improved layout and responsiveness

- Reduced font size of ASCII art for better visual integration.
- Added styles for a new status LED component to enhance system status visibility.
- Updated header content styles to center align and improve overall presentation with flexbox adjustments.

style.css

@@ -560,7 +560,7 @@ footer {
   }
 
   .ascii-art {
-    font-size: 0.5rem;
+    font-size: 0.3rem;
     padding: 0;
     text-align: left;
     position: relative;
@@ -570,6 +570,13 @@ footer {
   }
 
 
+  .status-led {
+    width: 10px;
+    height: 10px;
+    font-weight: bolder;
+  }
+
+
   .email-controls {
     grid-template-columns: 1fr;
   }
@@ -701,6 +708,19 @@ button i {
 .header-content {
   position: relative;
   z-index: 1;
+  justify-content: center;
+  align-items: center;
+  display: flex;
+  flex-direction: column;
+  margin-left: 0 !important;
+  margin-right: 0 !important;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  font-weight: bolder;
+  font-size: 0.8rem;
+  text-align: center;
+  justify-content: center;
+  align-items: center;
 }
 
 .header-icons {