diff --git a/assets/firacode.ttf b/assets/firacode.ttf
new file mode 100644
index 0000000..f75b2a2
Binary files /dev/null and b/assets/firacode.ttf differ
diff --git a/assets/jetbrains.ttf b/assets/jetbrains.ttf
new file mode 100755
index 0000000..a2c6b64
Binary files /dev/null and b/assets/jetbrains.ttf differ
diff --git a/index.scss b/index.scss
index e5052d5..4217901 100644
--- a/index.scss
+++ b/index.scss
@@ -1,4 +1,7 @@
-@import url('https://fonts.googleapis.com/css2?family=Fira+Code:wght@400;500;600;700&display=swap');
+@font-face {
+    font-face: "JetBrains Mono";
+    src: url("jetbrains.ttf") format("truetype");
+}
 
 $bg-dark: #1e232b;
 $bg: #222831;
@@ -26,10 +29,14 @@ $cyan-bright: #57e3e2;
     body {
         font-size: 2em;
     }
+    
+    main {
+        padding: 2em 1em 4em !important;
+    }
 }
 
 * {
-    font-family: "Fira Code", monospace !important;
+    font-family: "JetBrains Mono", monospace !important;
 }
 
 body {
@@ -39,16 +46,15 @@ body {
     position: relative;
     color: $fg;
     overflow: hidden;
-    
 }
 
 ::-webkit-scrollbar {
-  width: 0;
-  background: transparent;
+    width: 0;
+    background: transparent;
 }
 
 html {
-  scrollbar-width: none;
+    scrollbar-width: none;
 }
 
 a, a:link, a:visited {
@@ -65,9 +71,7 @@ a:active {
 }
 
 main {
-    // padding-left: calc(7.5em);
     padding: 2em 1em 0em;
-    // width: calc(100% - 7.5em);
     height: 100%;
     text-align: center;
     
@@ -80,7 +84,6 @@ main {
         bottom: 0.5em;
         position: absolute;
         padding: 4px;
-        // background-color: $bg-dark;
         color: $fg-dark;
         font-size: 0.8em;
     }
@@ -102,42 +105,3 @@ h2 {
     font-size: 1.25em;
     margin-bottom: 0.5em;
 }
-
-// nav {
-//     width: 7.5em;
-//     height: 100%;
-//     padding: 10px 0px;
-//     background-color: $bg-dark;
-//     position: absolute;
-    
-//     ul {
-//         display: flex;
-//         justify-content: center;
-//         align-items: center;
-//         flex-direction: column;
-//         gap: 4px;
-        
-//         .header {
-//             width: 80%;
-//             text-align: center;
-
-//         }
-//     }
-    
-//     footer {
-//         width: 100%;
-//         position: absolute;
-//         bottom: 0;
-//         transform: scale(-1, 1);
-//         display: flex;
-//         justify-content: center;
-        
-//         div {
-//             font-family: "Source Code Pro";
-//             line-height: 1.3em;
-//             white-space: pre;
-//             position: relative;
-            
-//         }
-//     }
-// }