diff --git a/postcss.config.js b/postcss.config.js
index d5fb4fa..d64814b 100644
--- a/postcss.config.js
+++ b/postcss.config.js
@@ -6,6 +6,7 @@ const {
 
 module.exports = {
   plugins: {
+    'tailwindcss/nesting': {},
     tailwindcss: { 
       config: fs.existsSync(userTailwindConfigPath) 
       ? userTailwindConfigPath
diff --git a/src/assets/css/leaflet.scss b/src/assets/css/leaflet.css
similarity index 100%
rename from src/assets/css/leaflet.scss
rename to src/assets/css/leaflet.css
diff --git a/src/assets/css/main.css b/src/assets/css/main.css
new file mode 100644
index 0000000..5eb6aba
--- /dev/null
+++ b/src/assets/css/main.css
@@ -0,0 +1,26 @@
+@import '@/assets/css/tailwind.css';
+@import 'leaflet/dist/leaflet.css';
+@import '@/assets/css/leaflet.css';
+@import '@/assets/css/webkit.css';
+
+* {
+  box-sizing: content-box;
+}
+
+body {
+  background-color: #f5f7fb;
+  @apply 
+    font-main
+    dark:bg-slate-900
+    dark:text-slate-400;
+}
+
+a {
+  @apply 
+    text-primary-500
+    hover:text-gray-900;
+}
+
+.dark {
+  color-scheme: dark;
+}
diff --git a/src/assets/css/main.scss b/src/assets/css/main.scss
deleted file mode 100644
index 795771f..0000000
--- a/src/assets/css/main.scss
+++ /dev/null
@@ -1,19 +0,0 @@
-@import '@/assets/css/tailwind.css';
-@import 'leaflet/dist/leaflet.css';
-@import '@/assets/css/leaflet.scss';
-@import '@/assets/css/webkit.scss';
-
-* {
-  box-sizing: content-box;
-}
-
-body {
-  background-color: #f5f7fb;
-  @apply font-main;
-  @apply dark:bg-slate-900;
-  @apply dark:text-slate-400;
-}
-
-.dark {
-  color-scheme: dark;
-}
diff --git a/src/assets/css/webkit.scss b/src/assets/css/webkit.css
similarity index 100%
rename from src/assets/css/webkit.scss
rename to src/assets/css/webkit.css
diff --git a/src/main.js b/src/main.js
index 0766223..2c7763e 100644
--- a/src/main.js
+++ b/src/main.js
@@ -2,7 +2,7 @@ import { createApp } from 'vue'
 import App from './App.vue'
 import router from '@/router/index.js'
 import globalComponents from '@/components/globalComponents'
-import '@/assets/css/main.scss'
+import '@/assets/css/main.css'
 
 
 const app = createApp(App)