Add CSS styles

lulunac27a · lulunac27a · commit 983ff9f21b8a · 2025-04-26T16:10:11.000-05:00
diff --git a/index.html b/index.html
@@ -1,16 +1,14 @@
-<!doctype html>
+<!DOCTYPE html>
 <html lang="en">
-
-<head>
+    <head>
     <title>Current Date and Time Progress</title>
-</head>
-
-<body>
-    <h1>Current Date and Time Progress</h1>
-    <p>Current date and time: <span id="currentDateTime"></span></p>
-    <p>Current date and time (UTC): <span id="currentDateTimeUtc"></span></p>
-    <p>Current progress: <span id="currentProgress"></span></p>
-    <script src="main.js"></script>
-</body>
-
+    <link rel="stylesheet" href="styles.css">
+    </head>
+    <body>
+        <h1>Current Date and Time Progress</h1>
+        <p>Current date and time: <span id="currentDateTime"></span></p>
+        <p>Current date and time (UTC): <span id="currentDateTimeUtc"></span></p>
+        <p>Current progress: <span id="currentProgress"></span></p>
+        <script src="main.js"></script>
+    </body>
 </html>
diff --git a/styles.css b/styles.css
@@ -0,0 +1,6 @@
+* {
+    font-family: system-ui, sans-serif;
+}
+span {
+    white-space: pre-line;
+}

-Original file line number
+Diff line change
@@ @@ -0,0 +1,6 @@ @@
 +* {
 +    font-family: system-ui, sans-serif;
 +}
 +span {
 +    white-space: pre-line;
 +}