Added typescript, added new logo, improved margins

src/components/navbar.astro

@@ -1,5 +1,5 @@
 ---
-import headerimg from "/link_192.png"
+import headerimg from "/logo.svg"
 ---
 
 <header>
@@ -9,7 +9,7 @@ import headerimg from "/link_192.png"
     <ul class="desktop">
         <slot />
     </ul>
-    <button class="mobile">
+    <button class="mobile" aria-label="Navigation Button">
         <ul>
             <slot />
         </ul>

src/components/technologyCard.astro

@@ -26,15 +26,15 @@ article {
     transition: transform var(--speed) var(--ease);
     height: auto;
     width: auto;
-    line-height: 128px;
+    line-height: 100px;
 }
 article:hover {
     transform: scale(var(--hover-scale));
 }
 article > div {
     background-size: contain;
-    width: 128px;
-    height: 128px;
+    width: 100px;
+    height: 100px;
 }
 
 article:hover h2 {
@@ -43,8 +43,8 @@ article:hover h2 {
     font-size: 18px;
     display: inline-block;
     vertical-align: center;
-    line-height: normal;
-    width: 90%;
+    line-height: 150%;
+    width: 95%;
     border-radius: 5px;
     opacity: 90%;
 }