fix: markdown styles

threejs animations

app/g/[id]/page.tsx

@@ -33,7 +33,7 @@ export default async function Page({
           priority
           width={32}
           height={32}
-          className="rounded-lg-full "
+          className="rounded-full "
         />
         <h1 className="ml-2 overflow-hidden text-xl whitespace-nowrap text-ellipsis">
           <Link href="/gists">

app/g/loading.tsx

@@ -7,7 +7,7 @@ const loading = () => {
       <div className="flex items-center py-1 ">
         <div
           className={clsx(
-            'w-8 h-8 rounded-lg-full',
+            'w-8 h-8 rounded-full',
             'bg-gray-200 animate-pulse dark:bg-rua-gray-600',
           )}
         ></div>
@@ -21,7 +21,7 @@ const loading = () => {
           <div
             className={clsx(
               'w-32 h-5 bg-gray-200',
-              'animate-pulse rounded-lg-md',
+              'animate-pulse rounded-lg',
               'dark:bg-rua-gray-600',
             )}
           ></div>
@@ -29,7 +29,7 @@ const loading = () => {
           <div
             className={clsx(
               'w-32 h-5 bg-gray-200',
-              'animate-pulse rounded-lg-md',
+              'animate-pulse rounded-lg',
               'dark:bg-rua-gray-600',
             )}
           ></div>
@@ -40,7 +40,7 @@ const loading = () => {
         <div
           className={clsx(
             'w-32 h-4 bg-gray-200',
-            'animate-pulse rounded-lg-md',
+            'animate-pulse rounded-lg',
             'dark:bg-rua-gray-600',
           )}
         ></div>

app/p/[slug]/page.tsx

@@ -11,7 +11,6 @@ import rehypeHighlight from 'rehype-highlight';
 import rehypeSlug from 'rehype-slug';
 import remarkGfm from 'remark-gfm';
 import { Post } from 'types';
-import 'styles/rua.css';
 
 const PostToc = dynamic(() => import('components/post/post-toc'));
 const PostCommnetLine = dynamic(

app/page.tsx

@@ -12,24 +12,23 @@ export const metadata = {
 export default function Page() {
   return (
     <main className="flex items-stretch justify-center flex-1 text-xl">
-      <div className="flex flex-col w-full max-w-4xl px-4 py-24 text-2xl">
-        <h1 className="flex pb-4 text-5xl">
-          <span className={clsx('font-semibold font-Lobster', styles.gradient)}>
-            Hi there
-          </span>
-          <span className="ml-3">
-            <Image
-              src="/images/img/hands.svg"
-              alt="hands"
-              width={36}
-              height={36}
-            />
-          </span>
-        </h1>
-
-        <div className="relative flex flex-1 w-full h-full">
-          <HomeModel />
-        </div>
+      <div className="text-6xl flex items-center">
+        <span
+          className={clsx(
+            'font-semibold font-Lobster tracking-wide',
+            styles.gradient,
+          )}
+        >
+          Hello World!
+        </span>
+        <span className="ml-3">
+          <Image
+            src="/images/img/hands.svg"
+            alt="hands"
+            width={36}
+            height={36}
+          />
+        </span>
       </div>
     </main>
   );