Add font-size to clock and day/date text and set the path to Digital-7 font

Author: Tirthagit

style.css

@@ -1,38 +1,38 @@
-@import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@400..900&display=swap');
+@import url("https://fonts.googleapis.com/css2?family=Orbitron:wght@400..900&display=swap");
 
 @font-face {
-     font-family: 'Digital-7 Mono';
-     src: url('path/to/your/Digital-7Mono.ttf');
+  font-family: "Digital-7 Mono";
+  src: url("/fonts/digital-7\ \(mono\).ttf");
 }
 
-
 body {
-     display: flex;
-     justify-content: center;
-     align-items: center;
-     height: 100vh;
-     margin: 0;
-     background-color: #f1f1f1;
-     /* Light background color for neobrutalism */
-     font-family: 'Orbitron', sans-serif;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  height: 100vh;
+  margin: 0;
+  background-color: #f1f1f1;
+  font-family: "Orbitron", sans-serif;
 }
 
 #clock {
-     font-family: 'Digital-7 Mono', sans-serif;
-     font-size: 3em;
-     color: #000;
-     /* Black color for digits in neobrutalism */
-     background-color: #f1f1f1;
-     padding: 20px;
-     border: 5px solid #333;
-     /* Dark border for a bold look */
-     border-radius: 15px;
-     box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
-     /* Lighter shadow for neobrutalism */
+  font-family: "Digital-7 Mono", sans-serif;
+  font-size: 3em;
+  color: #000;
+  background-color: #f1f1f1;
+  padding: 20px;
+  border: 5px solid #333;
+  border-radius: 15px;
+  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
 }
 
-
-
 #txt {
-     display: inline-block;
-}
+  display: inline-block;
+  font-size: 6rem;
+}
+
+#day {
+  display: inline-block;
+  font-size: 2rem;
+  letter-spacing: 5px;
+}