adds mission overview design

css/style.css

@@ -3,6 +3,8 @@ html, body {
     height: 100%;
     margin: 0;
     overflow-y: hidden;
+    font-family: "Courier New", Courier, monospace;
+    
 }
 
 #container {
@@ -19,9 +21,62 @@ html, body {
     z-index: 1;
 }
 
+
 #canvas-content {
     position: absolute;
     width: 100%;
     height: 100%;
     z-index: 2;
+}
+
+/*
+hour&minutes
+*/
+#digital-body {
+    position: absolute;
+    width: 50%;
+    width: 360px;
+    height: 360px;
+    top: 0px;
+    left: 0px;
+    background-size: 100%;
+    background-repeat: no-repeat;
+    overflow: hidden;
+}
+
+#rec-time {
+  margin: 0;
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  -ms-transform: translate(-50%, -50%);
+  transform: translate(-50%, -50%);
+}
+
+#str-hours {
+    font-size: 450%;
+    font-style: bold;
+    float: left;
+    color: white;
+}
+
+#str-console {
+    font-size: 450%;
+    font-style: bold;
+    float: left;
+    color: white;
+}
+
+#str-minutes {
+    font-size: 450%;
+    font-style: bold;
+    float: left;
+    color: white;
+    font-family: "Courier New", Courier, monospace;
+}
+
+#str-ampm {
+    font-size: 200%;
+    color: white;
+    padding-top: 20%;
 }