diff --git a/_layouts/main.html b/_layouts/main.html
index 1ca37ef..33243b5 100644
--- a/_layouts/main.html
+++ b/_layouts/main.html
@@ -15,6 +15,6 @@
         <a href="{{ item.link | relative_url }}" {% if page.url == item.link %}class="current"{% endif %}>{{ item.name }}</a>
       {% endfor %}
     </nav>
-    <h1 class="font-[Poppins] text-2xl text-center font-bold bg-gradient-to-r from-indigo-300 via-indigo-700 to-blue-400">{{ page.title }}</h1>
+    <h1 class="font-[Poppins] text-2xl text-center font-bold bg-gradient-to-r from-indigo-300 via-indigo-700 to-blue-400 text-transparent bg-clip-text">{{ page.title }}</h1>
   </body>
 </html>
\ No newline at end of file
diff --git a/assets/css/styles.scss b/assets/css/styles.scss
index a7abba0..0fa88ae 100644
--- a/assets/css/styles.scss
+++ b/assets/css/styles.scss
@@ -10,5 +10,18 @@ body {
 }
 
 a {
-    @apply underline text-blue-600 hover:text-blue-800 visited:text-purple-600
- }
\ No newline at end of file
+    text-decoration-line: underline;
+    color: rgb(37 99 235);
+}
+
+a:hover {
+    color: rgb(30 64 175);
+}
+
+a:visited {
+    color: rgb(147 51 234);
+}
+
+body {
+    padding: 5px;
+}
\ No newline at end of file
diff --git a/blog.html b/blog.html
index 858d5b2..f2482bb 100644
--- a/blog.html
+++ b/blog.html
@@ -13,14 +13,13 @@
     <meta name="viewport" content="width=device-width, initial-scale=1">
   </head>
   <body>
+    <ul>
+      {% for post in site.posts %}
+        <li>
+          <h2><a href="{{ post.url | relative_url}}">{{ post.title }}</a></h2>
+          {{ post.excerpt }}
+        </li>
+      {% endfor %}
+    </ul>
   </body>
-</html>
-
-<ul>
-  {% for post in site.posts %}
-    <li>
-      <h2><a href="{{ post.url | relative_url}}">{{ post.title }}</a></h2>
-      {{ post.excerpt }}
-    </li>
-  {% endfor %}
-</ul>
\ No newline at end of file
+</html>
\ No newline at end of file
diff --git a/index.html b/index.html
index 5ec9b6b..ac22fd6 100644
--- a/index.html
+++ b/index.html
@@ -11,6 +11,6 @@
   </head>
   <body>
     <img class="logo" src="https://avatars.githubusercontent.com/u/151100541?s=500"></img>
-    <h1 class="">We are SnarpleDev, a [ficticional] company building products like Voyager and Snazzle.</h1>
+    <h1 class="text-2xl">We are SnarpleDev, a [ficticional] company building products like Voyager and Snazzle.</h1>
   </body>
 </html>
\ No newline at end of file
diff --git a/tailwind.config.js b/tailwind.config.js
new file mode 100644
index 0000000..3f34012
--- /dev/null
+++ b/tailwind.config.js
@@ -0,0 +1 @@
+// Empty tailwind config file for activating highlight
\ No newline at end of file
