Added custom.css

src/custom.css

@@ -0,0 +1,81 @@
+h1 {
+    scroll-margin-top: 5rem;
+    text-align: center;
+    font-size: 2.25rem;
+    line-height: 2.5rem;
+    font-weight: 800;
+    letter-spacing: -0.025em;
+    text-wrap: balance;
+}
+
+h2 {
+    scroll-margin-top: 5rem;
+    margin-top: 2.5rem;
+    border-bottom: 1px solid var(--border);
+    padding-bottom: 0.5rem;
+    font-size: 1.875rem;
+    line-height: 2.25rem;
+    font-weight: 600;
+    letter-spacing: -0.025em;
+    transition: color 0.2s ease;
+}
+
+h2:first-child {
+    margin-top: 0;
+}
+
+h3 {
+    scroll-margin-top: 5rem;
+    margin-top: 2rem;
+    font-size: 1.5rem;
+    line-height: 2rem;
+    font-weight: 600;
+    letter-spacing: -0.025em;
+}
+
+h4 {
+    scroll-margin-top: 5rem;
+    margin-top: 1.5rem;
+    font-size: 1.25rem;
+    line-height: 1.75rem;
+    font-weight: 600;
+    letter-spacing: -0.025em;
+}
+
+p {
+    line-height: 1.75rem;
+}
+
+p:not(:first-child) {
+    margin-top: 1.5rem;
+}
+
+blockquote {
+    margin-top: 1.5rem;
+    border-left: 2px solid var(--border);
+    padding-left: 1.5rem;
+    font-style: italic;
+}
+
+ul {
+    margin-top: 1.5rem;
+    margin-bottom: 1.5rem;
+    margin-left: 1.5rem;
+    list-style-type: disc;
+}
+
+ul > li {
+    margin-top: 0.5rem;
+}
+
+code {
+    position: relative;
+    border-radius: var(--radius-sm);
+    background-color: var(--muted);
+    padding: 0.2rem 0.3rem;
+    font-family:
+        ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas,
+        "Liberation Mono", "Courier New", monospace;
+    font-size: 0.875rem;
+    font-weight: 600;
+}

src/main.ts

@@ -1,5 +1,6 @@
-import { createApp } from 'vue'
+import { createApp } from "vue";
-import './style.css'
+import "./style.css";
-import App from './App.vue'
+import "./custom.css";
+import App from "./App.vue";
 
-createApp(App).mount('#app')
+createApp(App).mount("#app");