diff --git a/assets/css/tailwind.css b/assets/css/tailwind.css
index b01a3fc..fec74e5 100644
--- a/assets/css/tailwind.css
+++ b/assets/css/tailwind.css
@@ -46,6 +46,31 @@
  */
 @tailwind utilities;
 
+
+
+
+html {
+    font-family: 'Inter', -apple-system, BlinkMacSystemFont,
+        'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
+    font-size: 20px;
+    word-spacing: 1px;
+    -ms-text-size-adjust: 100%;
+    -webkit-text-size-adjust: 100%;
+    -moz-osx-font-smoothing: grayscale;
+    -webkit-font-smoothing: antialiased;
+    box-sizing: border-box;
+
+    background: #191a1d;
+}
+
+*,
+*:before,
+*:after {
+    box-sizing: border-box;
+    margin: 0;
+}
+
+
 /**
  * Here you would add any custom utilities you need that don't come out of the
  * box with Tailwind.
diff --git a/layouts/default.vue b/layouts/default.vue
index b56d6ca..de5144c 100644
--- a/layouts/default.vue
+++ b/layouts/default.vue
@@ -53,27 +53,3 @@ export default {
 }
 
 </script>
-
-<style>
-html {
-    font-family: 'Inter', -apple-system, BlinkMacSystemFont,
-        'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
-    font-size: 20px;
-    word-spacing: 1px;
-    -ms-text-size-adjust: 100%;
-    -webkit-text-size-adjust: 100%;
-    -moz-osx-font-smoothing: grayscale;
-    -webkit-font-smoothing: antialiased;
-    box-sizing: border-box;
-
-    background: #191a1d;
-}
-
-*,
-*:before,
-*:after {
-    box-sizing: border-box;
-    margin: 0;
-}
-
-</style>