diff --git a/index.html b/index.html
index fd8766c..8f468b9 100644
--- a/index.html
+++ b/index.html
@@ -1,14 +1,10 @@
-
+
-
-
-
-
Spythere:// portfolio
diff --git a/public/fonts/ibm-plex-mono-v20-latin_latin-ext-500.woff2 b/public/fonts/ibm-plex-mono-v20-latin_latin-ext-500.woff2
new file mode 100644
index 0000000..a6add26
Binary files /dev/null and b/public/fonts/ibm-plex-mono-v20-latin_latin-ext-500.woff2 differ
diff --git a/public/fonts/ibm-plex-mono-v20-latin_latin-ext-700.woff2 b/public/fonts/ibm-plex-mono-v20-latin_latin-ext-700.woff2
new file mode 100644
index 0000000..2a5d308
Binary files /dev/null and b/public/fonts/ibm-plex-mono-v20-latin_latin-ext-700.woff2 differ
diff --git a/public/fonts/ibm-plex-mono-v20-latin_latin-ext-regular.woff2 b/public/fonts/ibm-plex-mono-v20-latin_latin-ext-regular.woff2
new file mode 100644
index 0000000..996cdc0
Binary files /dev/null and b/public/fonts/ibm-plex-mono-v20-latin_latin-ext-regular.woff2 differ
diff --git a/public/fonts/manrope-v20-latin_latin-ext-300.woff2 b/public/fonts/manrope-v20-latin_latin-ext-300.woff2
new file mode 100644
index 0000000..b41bdc2
Binary files /dev/null and b/public/fonts/manrope-v20-latin_latin-ext-300.woff2 differ
diff --git a/public/fonts/manrope-v20-latin_latin-ext-500.woff2 b/public/fonts/manrope-v20-latin_latin-ext-500.woff2
new file mode 100644
index 0000000..de762f9
Binary files /dev/null and b/public/fonts/manrope-v20-latin_latin-ext-500.woff2 differ
diff --git a/public/fonts/manrope-v20-latin_latin-ext-700.woff2 b/public/fonts/manrope-v20-latin_latin-ext-700.woff2
new file mode 100644
index 0000000..c1ab523
Binary files /dev/null and b/public/fonts/manrope-v20-latin_latin-ext-700.woff2 differ
diff --git a/public/fonts/manrope-v20-latin_latin-ext-regular.woff2 b/public/fonts/manrope-v20-latin_latin-ext-regular.woff2
new file mode 100644
index 0000000..a0a6a59
Binary files /dev/null and b/public/fonts/manrope-v20-latin_latin-ext-regular.woff2 differ
diff --git a/src/fonts.scss b/src/fonts.scss
new file mode 100644
index 0000000..5109e3d
--- /dev/null
+++ b/src/fonts.scss
@@ -0,0 +1,55 @@
+@font-face {
+ font-display: swap;
+ font-family: 'IBM Plex Mono';
+ font-style: normal;
+ font-weight: 400;
+ src: url('../fonts/ibm-plex-mono-v20-latin_latin-ext-regular.woff2') format('woff2');
+}
+
+@font-face {
+ font-display: swap;
+ font-family: 'IBM Plex Mono';
+ font-style: normal;
+ font-weight: 500;
+ src: url('../fonts/ibm-plex-mono-v20-latin_latin-ext-500.woff2') format('woff2');
+}
+
+@font-face {
+ font-display: swap;
+ font-family: 'IBM Plex Mono';
+ font-style: normal;
+ font-weight: 700;
+ src: url('../fonts/ibm-plex-mono-v20-latin_latin-ext-700.woff2') format('woff2');
+}
+
+@font-face {
+ font-display: swap;
+ font-family: 'Manrope';
+ font-style: normal;
+ font-weight: 300;
+ src: url('../fonts/manrope-v20-latin_latin-ext-300.woff2') format('woff2');
+}
+
+@font-face {
+ font-display: swap;
+ font-family: 'Manrope';
+ font-style: normal;
+ font-weight: 400;
+ src: url('../fonts/manrope-v20-latin_latin-ext-regular.woff2') format('woff2');
+}
+
+@font-face {
+ font-display: swap;
+ font-family: 'Manrope';
+ font-style: normal;
+ font-weight: 500;
+ src: url('../fonts/manrope-v20-latin_latin-ext-500.woff2') format('woff2');
+}
+
+@font-face {
+ font-display: swap;
+ font-family: 'Manrope';
+ font-style: normal;
+ font-weight: 700;
+ src: url('../fonts/manrope-v20-latin_latin-ext-700.woff2') format('woff2');
+}