diff --git a/index.html b/index.html
index 2498414..8d28f62 100644
--- a/index.html
+++ b/index.html
@@ -3,8 +3,9 @@
   <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
-    <link href="https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,400;0,500;0,600;1,400;1,500;1,600&display=swap" rel="stylesheet">
+    <link rel="preconnect" href="https://fonts.googleapis.com" />
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
+    <link href="https://fonts.googleapis.com/css2?family=JetBrains+Mono:ital,wght@0,300;1,300&family=Rubik:ital,wght@0,400;0,500;1,400;1,500&display=swap" rel="stylesheet" />
     <title>sofi web</title>
     <style>
       .__hidden {
diff --git a/public/assets/background.jpg b/public/assets/background.jpg
new file mode 100644
index 0000000..c270f16
Binary files /dev/null and b/public/assets/background.jpg differ
diff --git a/src/app.css b/src/app.css
index 915ecf7..e67ff68 100644
--- a/src/app.css
+++ b/src/app.css
@@ -7,7 +7,7 @@
   min-height: 100%;
   color: rgba(255, 255, 255, 0.9);
 
-  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.25)), url("/assets/background.png");
+  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.25)), url("/assets/background.jpg");
   background-color: #221130;
 
   font-synthesis: none;
@@ -25,6 +25,16 @@ a {
   color: #e74cac;
 }
 
+code {
+  font-family: "JetBrains Mono", monospace;
+  padding: 2px 3px;
+  background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5));
+}
+
+hr {
+  color: #bebebe;
+}
+
 * {
   font-family: Rubik, sans-serif;
 }
