diff --git a/llshw/index.html b/llshw/index.html
index dd0c1350..df73e651 100644
--- a/llshw/index.html
+++ b/llshw/index.html
@@ -5,9 +5,10 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <meta name="author" content="Raydo Matthee">
     <title>Premium Glass Honey Jar Supply Project</title>
+    <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap" rel="stylesheet">
     <style>
         body {
-            font-family: Arial, sans-serif;
+            font-family: 'Roboto', Arial, sans-serif;
             margin: 20px;
             padding: 0;
             background-color: #f8f9fa;
@@ -36,7 +37,7 @@
         .header, .footer {
             text-align: center;
             padding: 10px;
-            background-color: #0056b3;
+            background: linear-gradient(to right, #0056b3, #007bff);
             color: #fff;
             border-radius: 8px;
         }
@@ -70,7 +71,7 @@
         }
 
         table, th, td {
-            border: 1px solid #ddd;
+            border: 1px solid #ccc;
         }
 
         th, td {
@@ -94,6 +95,18 @@
             margin-top: 30px;
             text-align: right;
         }
+
+        @media (max-width: 600px) {
+            .container {
+                padding: 10px;
+            }
+            h1 {
+                font-size: 20px;
+            }
+            th, td {
+                padding: 5px;
+            }
+        }
     </style>
 </head>
 <body>
