diff --git a/css/index.css b/css/index.css
index 15f2fdb..d0fbaa3 100644
--- a/css/index.css
+++ b/css/index.css
@@ -1,3 +1,35 @@
+@font-face {
+ font-family: 'Comic Code';
+ src: url('https://fonts.doughmination.co.uk/ComicCode-Regular_2022-05-24-151938_hsmz.woff2') format('woff2'),
+ url('https://fonts.doughmination.co.uk/ComicCode-Regular_2022-05-24-151938_hsmz.woff') format('woff');
+ font-weight: 400;
+ font-style: normal;
+}
+
+@font-face {
+ font-family: 'Comic Code';
+ src: url('https://fonts.doughmination.co.uk/ComicCode-Italic_2022-05-24-151939_rdtu.woff2') format('woff2'),
+ url('https://fonts.doughmination.co.uk/ComicCode-Italic_2022-05-24-151939_rdtu.woff') format('woff');
+ font-weight: 400;
+ font-style: italic;
+}
+
+@font-face {
+ font-family: 'Comic Code';
+ src: url('https://fonts.doughmination.co.uk/ComicCode-Medium_2022-05-24-151941_ugqm.woff2') format('woff2'),
+ url('https://fonts.doughmination.co.uk/ComicCode-Medium_2022-05-24-151941_ugqm.woff') format('woff');
+ font-weight: 500;
+ font-style: normal;
+}
+
+@font-face {
+ font-family: 'Comic Code';
+ src: url('https://fonts.doughmination.co.uk/ComicCode-Bold_2022-05-24-152309_zqkm.woff2') format('woff2'),
+ url('https://fonts.doughmination.co.uk/ComicCode-Bold_2022-05-24-152309_zqkm.woff') format('woff');
+ font-weight: 700;
+ font-style: normal;
+}
+
:root {
/* https://catppuccin.com/palette/ */
/* Catppuccin Mocha */
@@ -35,4 +67,21 @@
html, body {
background-color: var(--base);
color: var(--text);
+ font-family: 'Comic Code', sans-serif;
+}
+
+.intro-header {
+ color: var(--text);
+ font-size: 2.5rem;
+ font-weight: 700;
+}
+
+.HiIm {
+ color: var(--text);
+ display:inline-block;
+}
+
+.name {
+ color: var(--mauve);
+ display:inline-block;
}
\ No newline at end of file
diff --git a/index.html b/index.html
index 181e5b4..09907de 100644
--- a/index.html
+++ b/index.html
@@ -7,7 +7,10 @@
- Test
+