updates font

css/style.css

@@ -1,12 +1,23 @@
+
+@font-face{
+    font-family: roboto;
+    src: url('JetBrainsMono-Bold.ttf');
+}
+
+.Roboto{
+    font-family: roboto;
+}
+
 html, body {
     width: 100%;
     height: 100%;
     margin: 0;
     overflow-y: hidden;
-    font-family: "Courier New", Courier, monospace;
+    font-family: "roboto";
     
 }
 
+
 #container {
     display: -webkit-flex;
     -webkit-align-items: center;
@@ -34,7 +45,7 @@ hour&minutes
 */
 #digital-body {
     position: absolute;
-    width: 50%;
+    width: 70%;
     width: 360px;
     height: 360px;
     top: 0px;
@@ -54,29 +65,28 @@ hour&minutes
 }
 
 #str-hours {
-    font-size: 450%;
+    font-size: 370%;
     font-style: bold;
     float: left;
     color: white;
 }
 
 #str-console {
-    font-size: 450%;
+    font-size: 370%;
     font-style: bold;
     float: left;
     color: white;
 }
 
 #str-minutes {
-    font-size: 450%;
+    font-size: 370%;
     font-style: bold;
     float: left;
     color: white;
-    font-family: "Courier New", Courier, monospace;
 }
 
 #str-ampm {
-    font-size: 200%;
+    font-size: 280%;
     color: white;
     padding-top: 20%;
 }