diff --git a/css/JetBrainsMono-Bold.ttf b/css/JetBrainsMono-Bold.ttf
new file mode 100644
index 0000000..fd1ab3c
Binary files /dev/null and b/css/JetBrainsMono-Bold.ttf differ
diff --git a/css/style.css b/css/style.css
index 92e3d86..80897ee 100644
--- a/css/style.css
+++ b/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%;
}
\ No newline at end of file
diff --git a/index.html b/index.html
index a552865..b09014d 100644
--- a/index.html
+++ b/index.html
@@ -10,12 +10,22 @@
+
+
+
+