diff --git a/00-Code/css/styles.css b/00-Code/css/styles.css
new file mode 100644
index 0000000..8a9c6a3
--- /dev/null
+++ b/00-Code/css/styles.css
@@ -0,0 +1,16 @@
+body {
+    color: #D3D3D3;
+    background-color: #020202;
+    font-family: "Anonymous Pro", monospace;
+}
+
+p {
+    font-family: "Poppins", sans-serif;
+    /* letter-spacing: -0.05em; */
+    font-size: 16px;
+}
+
+.main-title {
+    text-transform: uppercase;
+    color: #fff;
+}
\ No newline at end of file
diff --git a/00-Code/css/styles.scss b/00-Code/css/styles.scss
deleted file mode 100644
index e69de29..0000000
diff --git a/index.html b/index.html
index ae3df47..078fcab 100644
--- a/index.html
+++ b/index.html
@@ -3,7 +3,10 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <link rel="stylesheet" href="/garden/00-Code/css/styles.scss">
+    <link rel="stylesheet" href="../00-Code/css/styles.css">
+    <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=Anonymous+Pro:ital,wght@0,400;0,700;1,400;1,700&family=Inconsolata:wdth,wght@50..200,200..900&display=swap" rel="stylesheet">    
     <title>Latent Architect's Garden</title>
 </head>
 <body>
@@ -12,7 +15,7 @@
         <div class="container-wrapper-content">
             <div class="wrapper-section-landing">
                 <div class="wrapper-text-title">
-                    <h1>The Garden</h1>
+                    <h1 class="main-title">The Garden</h1>
                 </div>
                 <div>
                     <p>
