Merge fix

src/components/taCard.astro

@@ -1,24 +1,25 @@
 ---
 export interface Props {
-	title: string;
-	link: string;
-	image: string;
+  title: string
+  link: string
+  image: string
 }
 
-const { image, link, title } = Astro.props;
+const { image, link, title } = Astro.props
 
 const icon: string = `background: url('/ta_icons/${image}.webp')`
 ---
+
 <a href={link} target="_blank" rel="noopener noreferrer" aria-label={title}>
-    <article>
-        <div style={icon}>
-            <h2>{title}</h2>
-        </div>
-    </article>
+  <article>
+    <div style={icon}>
+      <h2>{title}</h2>
+    </div>
+  </article>
 </a>
 
 <style>
-article {
+  article {
     background-color: var(--c-darkergray);
     border-color: var(--c-darkgray);
     padding: 10px;
@@ -27,18 +28,18 @@ article {
     height: auto;
     width: auto;
     line-height: 128px;
-}
-article:hover {
+  }
+  article:hover {
     transform: scale(var(--hover-scale));
-}
-article > div {
+  }
+  article > div {
     width: 128px;
     height: 128px;
     object-fit: cover;
     object-position: 0% 0%;
-}
+  }
 
-article:hover h2 {
+  article:hover h2 {
     color: white;
     background-color: var(--c-darkgray);
     font-size: 18px;
@@ -48,9 +49,9 @@ article:hover h2 {
     width: 90%;
     border-radius: 5px;
     opacity: 90%;
-}
+  }
 
-article h2 {
+  article h2 {
     display: none;
-}
-</style>
+  }
+</style>