Update style.css

Author: mdzaberalhamid

project-10-digital-clock/style.css

@@ -7,6 +7,7 @@ body {
     justify-content: center;
     font-family: sans-serif;
     background: url("./bg_pic.jpg");
+    background-size: cover;
 }
 
 h2 {
@@ -22,6 +23,7 @@ h2 {
 
 .clock div {
     margin: 5px;
+    position: relative;
 }
 
 .clock span {
@@ -36,3 +38,23 @@ h2 {
     font-size: 48px;
     text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
 }
+
+.clock .text {
+    height: 36px;
+    font-size: 12px;
+    text-transform: uppercase;
+    letter-spacing: 2px;
+    background-color: darkred;
+    opacity: 0.8;
+}
+
+.clock  #am-pm {
+    position: absolute;
+    bottom: 0;
+    width: 60px;
+    height: 36px;
+    font-size: 18px;
+    background-color: red;
+    opacity: 0.9;
+    border-radius: 5px;
+}