Refactor Title And Loading

style/portfolio.css

@@ -8,5 +8,6 @@
 @import './social_links.css';
 @import './tag.css';
 @import './timeline.css';
+@import './title.css';
 @import './top_component.css';
 /*@import './mermaid.css';*/

style/post.css

@@ -28,7 +28,7 @@
         }
 
         & h1, & h2, & h3, & h4, & h5, & h6 {
-            @apply my-5 font-bold;
+            @apply my-3 font-bold;
         }
 
         & p {
@@ -67,7 +67,7 @@
     .post {
         & > div {
             @apply mx-auto max-w-3xl;
-            @apply flex flex-col gap-5;
+            @apply flex flex-col;
         }
 
         & pre > code {

style/title.css

@@ -0,0 +1,9 @@
+@layer components {
+    header {
+        @apply flex flex-row items-center justify-between flex-wrap mx-5;
+
+        & h1 {
+            @apply text-center text-6xl mb-5 flex-1;
+        }
+    }
+}