diff --git a/src/static/css/base.css b/src/static/css/base.css
index 038a3da..8e20e28 100644
--- a/src/static/css/base.css
+++ b/src/static/css/base.css
@@ -23,6 +23,20 @@ pre * {
     white-space: -o-pre-wrap;
 }
 
+@font-face {
+    font-family: 'Clockopia';
+    src: url("/static/fonts/Clockopia.ttf") format("truetype");
+    font-weight: normal;
+    font-style: normal;
+}
+
+@font-face {
+    font-family: 'LuxiSans';
+    src: url("/static/fonts/luxisr.ttf") format("truetype");
+    font-weight: normal;
+    font-style: normal;
+}
+
 html {
     height: 100%;
     min-height: 100%;
@@ -35,6 +49,8 @@ body {
 
     padding: 2rem;
     min-height: 100vh;
+	
+	font-family: 'LuxiSans', sans-serif;
 }
 
 html,
@@ -49,6 +65,10 @@ ul * {
     line-height: 1.8;
 }
 
+h1 {
+    font-family: 'Clockopia', sans-serif;
+}
+
 .buttons {
     display: flex;
     flex-wrap: wrap;
@@ -92,3 +112,5 @@ code {
     background: #0e0016;
     z-index: -9999;
 }
+
+
diff --git a/src/static/fonts/Clockopia.ttf b/src/static/fonts/Clockopia.ttf
new file mode 100644
index 0000000..123ea4f
Binary files /dev/null and b/src/static/fonts/Clockopia.ttf differ
diff --git a/src/static/fonts/luxisr.ttf b/src/static/fonts/luxisr.ttf
new file mode 100644
index 0000000..c47fd20
Binary files /dev/null and b/src/static/fonts/luxisr.ttf differ