diff --git a/assets/css/style.css b/assets/css/style.css
index 66421e7..2e3a5d2 100644
--- a/assets/css/style.css
+++ b/assets/css/style.css
@@ -1,8 +1,30 @@
 /* CSS Document */
+@font-face {
+  font-family: "Clockopia";
+  src: url("../fonts/Clockopia.ttf") format("truetype");
+  font-weight: normal;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: "LuxiSans";
+  src: url("../fonts/luxisr.ttf") format("truetype");
+  font-weight: normal;
+  font-style: normal;
+}
+
 body {
 	background-color: #0e0016;
 	color: white;
+	font-family: "LuxiSans", sans-serif;
 }
+
+h1, h2, h3, h4, h5, h6 {
+  font-family: "Clockopia", sans-serif;
+  letter-spacing: 0.05em;
+  color: #CBC3E3;
+}
+
 .buttons {
     display: flex;
     flex-wrap: wrap;
diff --git a/assets/fonts/Clockopia.ttf b/assets/fonts/Clockopia.ttf
new file mode 100644
index 0000000..123ea4f
Binary files /dev/null and b/assets/fonts/Clockopia.ttf differ
diff --git a/assets/fonts/luxisr.ttf b/assets/fonts/luxisr.ttf
new file mode 100644
index 0000000..c47fd20
Binary files /dev/null and b/assets/fonts/luxisr.ttf differ