Create digitalclock.css

dhairyagothi · Feb 22, 2024 · 57639a1 · 57639a1
1 parent 4484d6d
commit 57639a1
Showing 1 changed file with 31 additions and 0 deletions.
diff --git a/digital_clock/digitalclock.css b/digital_clock/digitalclock.css
@@ -0,0 +1,31 @@
+body{
+    background-color: black;
+    color: green;
+}
+#clock{ border: 5px double green;
+    width: 30%;
+    margin: auto;
+    justify-content: center;
+    position: relative;
+
+
+}
+#date{
+     border: 5px double green;
+    width: 30%;
+    margin: auto;
+    justify-content: center;
+    position: relative;
+
+}
+
+@media (min-width: 0px ) and (max-width: 1439px) {
+    #clock{
+        font-size: 60px;
+        width: auto;
+    }
+    #date{
+        font-size: 60px;
+        width: auto;
+    }
+  }