Minor Theme Fixes

src/components/container.astro

@@ -19,10 +19,10 @@ const { title, icon, image, links, linkTitle, color } = Astro.props;
   {image && <img src={image} alt={title} />}
   <div class="info">
     {title && 
-      <h1>
+      <h2>
         {icon && <iconify-icon name={icon} />}
         {linkTitle ? <a class="text-gradient-fx" href={linkTitle}> {title}</a> : title}
-      </h1>
+      </h2>
     }
     <slot name="description" />
   </div>
@@ -65,23 +65,24 @@ const { title, icon, image, links, linkTitle, color } = Astro.props;
     padding: 1em;
     color: var(--fadeText);
   }
-  h1 {
+  h2 {
     display: flex;
     align-items: center;
     justify-content: flex-start;
     gap: 0.5em;
     margin: 0;
     width: 100%;
+    font-size: var(--font-size-lg);
     color: var(--text);
   }
-  h1 > svg {
+  h2 > svg {
     width: 2rem;
     height: 2rem;
     color: var(--primary-color);
     flex-shrink: 0;
   }
 
-  h1 a {
+  h2 a {
     text-decoration: none;
     color: currentColor;
   }

src/components/footer.astro

@@ -24,7 +24,7 @@ const links = [
     <div class="footer-content">
       <div class="links">
         {links.map((link) => (
-          <a href={link.link} target="_blank">{link.name}</a>
+          <a href={link.link}>{link.name}</a>
         ))}
       </div>
       <p>
@@ -67,6 +67,12 @@ const links = [
   .links {
     display: flex;
     gap: 1rem;
+    font-size: var(--font-size-md);
+  }
+
+  .links a {
+    text-decoration: none;
+    font-weight: 500;
   }
 
   .navbar-helper {

src/pages/index.astro

@@ -98,7 +98,6 @@ import LatestBlog from "../components/latestBlog.astro";
     flex-direction: column;
     align-items: center;
     gap: 4rem;
-    padding: 1.5rem;
     margin-top: 4rem;
   }
 

src/theme.ts

@@ -320,7 +320,7 @@ const royalDecree: ThemePalette = {
       "family": "Ibarra Real Nova",
     },
   },
-  card: 'transparent',
+  card: 'border',
   "vars": {
     "light": {
       "primary": "#a6581d",