increased border radius for cards

Author: aidantomcy

src/components/About.svelte

@@ -11,7 +11,7 @@
     <li>
       🔭 I'm working on <a
         href="https://github.com/aidantomcy/pymon"
-        class="underline"
+        class="underline decoration-wavy"
         target="_blank">pymon</a
       >
     </li>

src/components/Card.svelte

@@ -6,17 +6,19 @@
 </script>
 
 <div
-  class="rounded-2xl list-none flex bg-gray-200 dark:bg-dark-secondary hover:scale-[1.01] w-full transition-all my-2 text-gray-900 dark:text-gray-200 dark:hover:text-white px-4 py-6 md:h-52 lg:h-56 lg:py-4 md:w-[96%]"
+  class="rounded-[2rem] list-none flex bg-gray-200 dark:bg-dark-secondary hover:scale-[1.01] w-full transition-all my-2 text-gray-900 dark:text-gray-200 dark:hover:text-white px-6 py-4 md:h-52 lg:h-56 lg:py-6 md:w-[96%]"
 >
   <a
     href={`https://github.com/aidantomcy/${repo}`}
     class="w-full leading-5 p-1 opacity-80"
     target="_blank"
   >
-    <h2 class="pb-2 m-0 text-xl">
-      {title}
+    <div class="flex gap-1">
+      <h2 class="pb-2 m-0 text-xl underline decoration-wavy">
+        {title}
+      </h2>
       <ArrowUpRight />
-    </h2>
+    </div>
     <p class="mt-2 mb-0 overflow-ellipsis">
       {body}
     </p>

src/components/Intro.svelte

@@ -9,7 +9,7 @@
     <img
       src="/aidan.webp"
       alt="aidan tomcy"
-      class="size-40 rounded-2xl lg:size-48"
+      class="size-40 rounded-[2rem] lg:size-48"
     />
   </div>
 </section>