From a3708d45e09b70a90a6dc2b0a449cfd6d9d5a918 Mon Sep 17 00:00:00 2001
From: lucasferreiralimax <lucasferreiralimax@gmail.com>
Date: Tue, 22 Oct 2024 20:20:57 -0300
Subject: [PATCH 1/3] adjustment raw mode

---
 src/components/ReactTechsLogos/index.tsx  | 22 +++++----
 src/components/ReactTechsLogos/style.scss | 55 ++++++++++++++++-------
 2 files changed, 52 insertions(+), 25 deletions(-)

diff --git a/src/components/ReactTechsLogos/index.tsx b/src/components/ReactTechsLogos/index.tsx
index bc1aba9..02ab5d1 100644
--- a/src/components/ReactTechsLogos/index.tsx
+++ b/src/components/ReactTechsLogos/index.tsx
@@ -31,16 +31,22 @@ function ReactTechsLogos(props: any) {
 
   return (
     <>
-      {props.name && getTech(props.name) && !props.list ? (
+      {props.raw ? (
+        props.name && getTech(props.name) && !props.list ? (
+          getTech(props.name)?.icon
+        ) : (
+          listTechs.map((tech) => tech.icon)
+        )
+      ) : props.name && getTech(props.name) && !props.list ? (
         <figure
-          className={`${props.className ? props.className : ""} ${getTech(
+          className={`tech-container ${props.className || ""} ${getTech(
             props.name
-          ).name.toLocaleLowerCase()}`}
-          style={{ width: props.size ? props.size : "100px" }}
+          )?.name.toLowerCase()}`}
+          style={{ width: props.size || "100px" }}
         >
-          {getTech(props.name).icon}
+          {getTech(props.name)?.icon}
           <figcaption className={props.hiddenLabel ? "tooltip" : ""}>
-            {getTech(props.name).name}
+            {getTech(props.name)?.name}
           </figcaption>
         </figure>
       ) : (
@@ -52,11 +58,11 @@ function ReactTechsLogos(props: any) {
               ? "techs-container-hiddenLogos"
               : "techs-container"
           }
-          className={`techs ${props.className ? props.className : ""}`}
+          className={`techs ${props.className || ""}`}
         >
           {listTechs.map((tech) => (
             <figure
-              className={`tech-container ${tech.name.toLocaleLowerCase()}`}
+              className={`tech-container ${tech.name.toLowerCase()}`}
               key={tech.name}
             >
               {tech.icon}
diff --git a/src/components/ReactTechsLogos/style.scss b/src/components/ReactTechsLogos/style.scss
index 6b4817b..13606a9 100644
--- a/src/components/ReactTechsLogos/style.scss
+++ b/src/components/ReactTechsLogos/style.scss
@@ -21,7 +21,7 @@ figure.tech-container {
   align-items: center;
   justify-content: center;
   flex-direction: column;
-  transition: .3s all;
+  transition: 0.3s all;
   &:hover {
     background: var(--vtl-background);
     border-color: var(--vtl-background);
@@ -29,16 +29,21 @@ figure.tech-container {
   }
   svg {
     height: 50px;
-    margin-bottom: .2rem;
+    margin-bottom: 0.2rem;
   }
 }
 
+.tech-icon {
+  width: 50px;
+  height: 50px;
+}
+
 figure {
   position: relative;
   text-align: center;
-  margin: .2rem;
+  margin: 0.2rem;
   figcaption {
-    font-size: .7rem;
+    font-size: 0.7rem;
     &.tooltip {
       position: absolute;
       bottom: 2%;
@@ -48,7 +53,7 @@ figure {
       border-radius: 5px;
       pointer-events: none;
       opacity: 0;
-      transition: .3s all;
+      transition: 0.3s all;
       color: #fff;
     }
   }
@@ -61,45 +66,61 @@ figure {
 }
 
 body {
-  --vtl-background: rgba(0,0,0, .05);
+  --vtl-background: rgba(0, 0, 0, 0.05);
   --vtl-background-tooltip: #444;
-  --vtl-shadow-tooltip: rgba(0,0,0,.2);
+  --vtl-shadow-tooltip: rgba(0, 0, 0, 0.2);
   --vtl-text: #000;
   --vtl-background-svg: #000;
   --vtl-background-svg-invert: #fff;
-  --vtl-background-gradient: linear-gradient(228deg, rgba(238,238,238,1) 0%, rgba(255,255,255,1) 60%);
+  --vtl-background-gradient: linear-gradient(
+    228deg,
+    rgba(238, 238, 238, 1) 0%,
+    rgba(255, 255, 255, 1) 60%
+  );
 }
 
 body.darkmode {
-  --vtl-background: rgba(0,0,0, .5);
+  --vtl-background: rgba(0, 0, 0, 0.5);
   --vtl-background-tooltip: #444;
-  --vtl-shadow-tooltip: rgba(0,0,0,.2);
+  --vtl-shadow-tooltip: rgba(0, 0, 0, 0.2);
   --vtl-text: #fff;
   --vtl-background-svg: #fff;
   --vtl-background-svg-invert: #000;
-  --vtl-background-gradient: linear-gradient(228deg, rgb(24, 24, 24) 0%, rgb(38, 38, 38) 60%);
+  --vtl-background-gradient: linear-gradient(
+    228deg,
+    rgb(24, 24, 24) 0%,
+    rgb(38, 38, 38) 60%
+  );
 }
 
 @media (prefers-color-scheme: light) {
   :root {
-    --vtl-background: rgba(0,0,0, .05);
+    --vtl-background: rgba(0, 0, 0, 0.05);
     --vtl-background-tooltip: #444;
-    --vtl-shadow-tooltip: rgba(0,0,0,.2);
+    --vtl-shadow-tooltip: rgba(0, 0, 0, 0.2);
     --vtl-text: #000;
     --vtl-background-svg: #000;
     --vtl-background-svg-invert: #fff;
-    --vtl-background-gradient: linear-gradient(228deg, rgba(238,238,238,1) 0%, rgba(255,255,255,1) 60%);
+    --vtl-background-gradient: linear-gradient(
+      228deg,
+      rgba(238, 238, 238, 1) 0%,
+      rgba(255, 255, 255, 1) 60%
+    );
   }
 }
 
 @media (prefers-color-scheme: dark) {
   :root {
-    --vtl-background: rgba(0,0,0, .5);
+    --vtl-background: rgba(0, 0, 0, 0.5);
     --vtl-background-tooltip: #444;
-    --vtl-shadow-tooltip: rgba(0,0,0,.2);
+    --vtl-shadow-tooltip: rgba(0, 0, 0, 0.2);
     --vtl-text: #fff;
     --vtl-background-svg: #fff;
     --vtl-background-svg-invert: #000;
-    --vtl-background-gradient: linear-gradient(228deg, rgb(24, 24, 24) 0%, rgb(38, 38, 38) 60%);
+    --vtl-background-gradient: linear-gradient(
+      228deg,
+      rgb(24, 24, 24) 0%,
+      rgb(38, 38, 38) 60%
+    );
   }
 }

From 199c07e9f1058ade0e6e56e5c7775ed7ddec5ab4 Mon Sep 17 00:00:00 2001
From: lucasferreiralimax <lucasferreiralimax@gmail.com>
Date: Tue, 22 Oct 2024 20:21:03 -0300
Subject: [PATCH 2/3] add class tech-icon

---
 src/assets/techs/amd.svg           | 2 +-
 src/assets/techs/android.svg       | 2 +-
 src/assets/techs/androidstudio.svg | 2 +-
 src/assets/techs/angular.svg       | 2 +-
 src/assets/techs/ansible.svg       | 2 +-
 src/assets/techs/apache.svg        | 2 +-
 src/assets/techs/apple.svg         | 4 ++--
 src/assets/techs/appstore.svg      | 2 +-
 src/assets/techs/archlinux.svg     | 2 +-
 src/assets/techs/astro.svg         | 2 +-
 src/assets/techs/aws.svg           | 2 +-
 src/assets/techs/azure.svg         | 2 +-
 src/assets/techs/backbone.svg      | 2 +-
 src/assets/techs/baidu.svg         | 2 +-
 src/assets/techs/bitbucket.svg     | 2 +-
 src/assets/techs/centos.svg        | 2 +-
 src/assets/techs/chatgpt.svg       | 2 +-
 src/assets/techs/chrome.svg        | 4 ++--
 src/assets/techs/circleci.svg      | 2 +-
 src/assets/techs/cobol.svg         | 2 +-
 src/assets/techs/codepen.svg       | 4 ++--
 src/assets/techs/copilot.svg       | 2 +-
 src/assets/techs/cpp.svg           | 4 ++--
 src/assets/techs/csharp.svg        | 4 ++--
 src/assets/techs/css.svg           | 2 +-
 src/assets/techs/cypress.svg       | 3 +--
 src/assets/techs/d3.svg            | 2 +-
 src/assets/techs/debian.svg        | 2 +-
 src/assets/techs/deepin.svg        | 2 +-
 src/assets/techs/deezer.svg        | 2 +-
 src/assets/techs/digitalocean.svg  | 2 +-
 src/assets/techs/discord.svg       | 2 +-
 src/assets/techs/docker.svg        | 2 +-
 src/assets/techs/dribbble.svg      | 2 +-
 src/assets/techs/dropbox.svg       | 2 +-
 src/assets/techs/drupal.svg        | 2 +-
 src/assets/techs/duckduckgo.svg    | 2 +-
 src/assets/techs/eclipse.svg       | 2 +-
 src/assets/techs/edge.svg          | 4 ++--
 src/assets/techs/elementaryos.svg  | 2 +-
 src/assets/techs/elo.svg           | 2 +-
 src/assets/techs/ember.svg         | 2 +-
 src/assets/techs/evernote.svg      | 2 +-
 src/assets/techs/expo.svg          | 2 +-
 src/assets/techs/facebook.svg      | 2 +-
 src/assets/techs/fedora.svg        | 2 +-
 src/assets/techs/firebase.svg      | 2 +-
 src/assets/techs/firefox.svg       | 2 +-
 src/assets/techs/fortran.svg       | 2 +-
 src/assets/techs/gemini.svg        | 2 +-
 src/assets/techs/git.svg           | 4 ++--
 src/assets/techs/github.svg        | 2 +-
 src/assets/techs/gitlab.svg        | 2 +-
 src/assets/techs/go.svg            | 2 +-
 src/assets/techs/google.svg        | 2 +-
 src/assets/techs/grafana.svg       | 2 +-
 src/assets/techs/graylog.svg       | 2 +-
 src/assets/techs/gulp.svg          | 2 +-
 src/assets/techs/hp.svg            | 2 +-
 src/assets/techs/html.svg          | 2 +-
 src/assets/techs/ibm.svg           | 2 +-
 src/assets/techs/instagram.svg     | 2 +-
 src/assets/techs/intellij.svg      | 2 +-
 src/assets/techs/java.svg          | 4 ++--
 src/assets/techs/javascript.svg    | 2 +-
 src/assets/techs/jest.svg          | 2 +-
 src/assets/techs/jetbrains.svg     | 2 +-
 src/assets/techs/kalilinux.svg     | 2 +-
 src/assets/techs/karma.svg         | 2 +-
 src/assets/techs/kotlin.svg        | 2 +-
 src/assets/techs/kubernets.svg     | 2 +-
 src/assets/techs/less.svg          | 2 +-
 src/assets/techs/linkedin.svg      | 2 +-
 src/assets/techs/linux.svg         | 4 ++--
 src/assets/techs/lua.svg           | 2 +-
 src/assets/techs/macos.svg         | 2 +-
 src/assets/techs/manjaro.svg       | 2 +-
 src/assets/techs/mariadb.svg       | 2 +-
 src/assets/techs/max.svg           | 2 +-
 src/assets/techs/microsoft.svg     | 4 ++--
 src/assets/techs/mint.svg          | 2 +-
 src/assets/techs/mongodb.svg       | 2 +-
 src/assets/techs/mozilla.svg       | 4 ++--
 src/assets/techs/mysql.svg         | 2 +-
 src/assets/techs/netflix.svg       | 2 +-
 src/assets/techs/nextjs.svg        | 2 +-
 src/assets/techs/nginx.svg         | 2 +-
 src/assets/techs/node.svg          | 4 ++--
 src/assets/techs/npm.svg           | 4 ++--
 src/assets/techs/nuxt.svg          | 2 +-
 src/assets/techs/nvidia.svg        | 2 +-
 src/assets/techs/opensuse.svg      | 2 +-
 src/assets/techs/opera.svg         | 2 +-
 src/assets/techs/oracle.svg        | 2 +-
 src/assets/techs/pandas.svg        | 2 +-
 src/assets/techs/php.svg           | 2 +-
 src/assets/techs/pinterest.svg     | 2 +-
 src/assets/techs/playstore.svg     | 4 ++--
 src/assets/techs/postgresql.svg    | 2 +-
 src/assets/techs/primevideo.svg    | 2 +-
 src/assets/techs/pwa.svg           | 4 ++--
 src/assets/techs/python.svg        | 4 ++--
 src/assets/techs/qwik.svg          | 2 +-
 src/assets/techs/raspberry.svg     | 2 +-
 src/assets/techs/react.svg         | 2 +-
 src/assets/techs/redhat.svg        | 2 +-
 src/assets/techs/redis.svg         | 2 +-
 src/assets/techs/ruby.svg          | 4 ++--
 src/assets/techs/rust.svg          | 2 +-
 src/assets/techs/safari.svg        | 4 ++--
 src/assets/techs/sass.svg          | 2 +-
 src/assets/techs/shopify.svg       | 2 +-
 src/assets/techs/slackware.svg     | 2 +-
 src/assets/techs/snapdragon.svg    | 2 +-
 src/assets/techs/soundcloud.svg    | 2 +-
 src/assets/techs/spacex.svg        | 2 +-
 src/assets/techs/spotify.svg       | 2 +-
 src/assets/techs/springboot.svg    | 2 +-
 src/assets/techs/stackoverflow.svg | 2 +-
 src/assets/techs/steam.svg         | 2 +-
 src/assets/techs/stylus.svg        | 2 +-
 src/assets/techs/supabase.svg      | 2 +-
 src/assets/techs/svelte.svg        | 2 +-
 src/assets/techs/swift.svg         | 4 ++--
 src/assets/techs/tailwind.svg      | 2 +-
 src/assets/techs/telegram.svg      | 4 ++--
 src/assets/techs/tensorflow.svg    | 2 +-
 src/assets/techs/tiktok.svg        | 2 +-
 src/assets/techs/tomcat.svg        | 2 +-
 src/assets/techs/tor.svg           | 2 +-
 src/assets/techs/torrent.svg       | 2 +-
 src/assets/techs/tumblr.svg        | 4 ++--
 src/assets/techs/turbo.svg         | 2 +-
 src/assets/techs/typescript.svg    | 2 +-
 src/assets/techs/ubuntu.svg        | 2 +-
 src/assets/techs/vercel.svg        | 2 +-
 src/assets/techs/visualcode.svg    | 4 ++--
 src/assets/techs/vite.svg          | 2 +-
 src/assets/techs/vitest.svg        | 2 +-
 src/assets/techs/vk.svg            | 2 +-
 src/assets/techs/vue.svg           | 2 +-
 src/assets/techs/webpack.svg       | 2 +-
 src/assets/techs/whatsapp.svg      | 4 ++--
 src/assets/techs/wordpress.svg     | 4 ++--
 src/assets/techs/x.svg             | 2 +-
 src/assets/techs/xcode.svg         | 4 ++--
 src/assets/techs/yandex.svg        | 2 +-
 src/assets/techs/youtube.svg       | 2 +-
 148 files changed, 173 insertions(+), 174 deletions(-)

diff --git a/src/assets/techs/amd.svg b/src/assets/techs/amd.svg
index 060c318..7dcbe72 100644
--- a/src/assets/techs/amd.svg
+++ b/src/assets/techs/amd.svg
@@ -1,4 +1,4 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -200 800 590.803">
+<svg class="tech-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 -200 800 590.803">
   <path
     fill="var(--vtl-background-svg"
     d="M187.888 178.122H143.52l-13.573-32.738H56.003l-12.366 32.738H0L66.667 12.776h47.761zM91.155 52.286 66.912 116.53h50.913zm257.901-39.51h35.88v165.346h-41.219V74.842l-44.608 51.877h-6.301l-44.605-51.877V178.12h-41.219V12.776h35.88l53.092 61.336zm140.319 0c60.364 0 91.391 37.573 91.391 82.909 0 47.517-30.058 82.437-96 82.437h-68.369V12.776zm-31.762 135.041h26.906c41.457 0 53.823-28.129 53.823-52.377 0-28.368-15.276-52.363-54.308-52.363h-26.422v104.74zm205.156-95.836L610.797 0H800v189.21l-51.972-51.975V51.981zm-.061 10.416L609.2 115.903v74.899h74.889l53.505-53.506h-74.886z" />
diff --git a/src/assets/techs/android.svg b/src/assets/techs/android.svg
index 14b7d5d..aaaf0d9 100755
--- a/src/assets/techs/android.svg
+++ b/src/assets/techs/android.svg
@@ -1,3 +1,3 @@
-<svg viewBox="0 0 300 160" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid">
+<svg class="tech-icon" viewBox="0 0 300 160" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid">
   <path fill="#3dda84" d="m200.2 111.7c-5.3 0-9.6-4.3-9.6-9.6s4.3-9.6 9.6-9.6 9.6 4.3 9.6 9.6-4.3 9.6-9.6 9.6m-105.7 0c-5.3 0-9.6-4.3-9.6-9.6s4.3-9.6 9.6-9.6 9.6 4.3 9.6 9.6-4.3 9.6-9.6 9.6m109.1-57.6l19.2-33.1c1.1-1.9 0.4-4.3-1.5-5.4s-4.3-0.4-5.4 1.5l-19.4 33.5c-14.8-6.8-31.4-10.6-49.1-10.6s-34.4 3.8-49.2 10.5l-19.4-33.5c-1.1-1.9-3.5-2.6-5.4-1.5s-2.6 3.5-1.5 5.4l19.1 33.1c-32.8 17.9-55.3 51.1-58.6 90.4h229.7c-3.2-39.2-25.6-72.4-58.5-90.3"></path>
 </svg>
diff --git a/src/assets/techs/androidstudio.svg b/src/assets/techs/androidstudio.svg
index 27f37c3..8db1195 100644
--- a/src/assets/techs/androidstudio.svg
+++ b/src/assets/techs/androidstudio.svg
@@ -1,4 +1,4 @@
-<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 128 128">
+<svg class="tech-icon" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 128 128">
   <path fill="#000"
     d="M49.853 123.492c-1.978-.469-3.634-1.566-5.95-3.943-3.871-3.971-7.013-5.624-12.472-6.564-5.664-.975-8.18-3.08-9.694-8.108-1.867-6.206-3.82-9.178-8.108-12.346-4.866-3.594-6.114-6.764-4.927-12.507 1.1-5.32.679-9.101-1.555-13.964C4.48 60.26 4.81 57.16 8.597 52.405c3.47-4.357 4.56-7.238 5.079-13.431.524-6.25 2.263-8.815 7.385-10.89 4.274-1.732 7.93-4.739 9.958-8.188 2.344-3.99 2.686-4.447 4.139-5.53 2.344-1.749 4.239-2.233 7.848-2.007 6.27.393 9.63-.36 13.84-3.1 5.49-3.574 8.818-3.574 14.307 0 4.21 2.74 7.57 3.493 13.84 3.1 5.929-.372 8.396 1.184 12.01 7.577 1.79 3.167 5.451 6.25 9.458 7.965 5.706 2.442 7.364 4.67 7.785 10.463.456 6.273 1.742 9.78 5.149 14.041 3.794 4.745 4.125 7.848 1.457 13.655-2.233 4.863-2.655 8.645-1.555 13.964 1.188 5.743-.061 8.913-4.926 12.507-4.289 3.167-6.241 6.14-8.109 12.346-1.513 5.028-4.03 7.133-9.694 8.108-5.47.942-8.615 2.6-12.47 6.577-4.275 4.407-7.339 5.135-13.314 3.159-4.887-1.615-8.65-1.622-13.517-.024-3.41 1.119-5.227 1.314-7.414.795Z"
     opacity=".2" />
diff --git a/src/assets/techs/angular.svg b/src/assets/techs/angular.svg
index 25e0060..8216fd5 100755
--- a/src/assets/techs/angular.svg
+++ b/src/assets/techs/angular.svg
@@ -1,4 +1,4 @@
-<svg viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg">
+<svg class="tech-icon" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg">
   <path style="fill:#dd0031" d="M16 2 2.966 6.648l1.988 17.234L16 30l11.046-6.118 1.988-17.234L16 2z"/>
   <path style="fill:#c3002f" d="M16 2v3.108-.014V30l11.046-6.118 1.988-17.234L16 2z"/>
   <path d="m16 5.094-8.148 18.27h3.038l1.638-4.088h6.916l1.638 4.088h3.038L16 5.094Zm2.38 11.662h-4.76L16 11.03Z" style="fill:#fff"/>
diff --git a/src/assets/techs/ansible.svg b/src/assets/techs/ansible.svg
index b46081a..77c5499 100644
--- a/src/assets/techs/ansible.svg
+++ b/src/assets/techs/ansible.svg
@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 213.6 213.6"><path d="M213.6 106.8c0 59-47.8 106.8-106.8 106.8S0 165.8 0 106.8 47.8 0 106.8 0s106.8 47.8 106.8 106.8"/><path d="m108.6 66.8 27.6 68.2-41.7-32.9Zm49.1 83.9L115.2 48.4c-1-2.8-3.7-4.6-6.6-4.5-3-.1-5.7 1.7-6.8 4.5L55.1 160.6h16l18.5-46.3 55.1 44.5c2.2 1.8 3.8 2.6 5.9 2.6 4.2.1 7.7-3.2 7.8-7.4v-.2c0-1-.3-2.1-.7-3.1" style="fill:#fff"/></svg>
+<svg class="tech-icon" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 213.6 213.6"><path d="M213.6 106.8c0 59-47.8 106.8-106.8 106.8S0 165.8 0 106.8 47.8 0 106.8 0s106.8 47.8 106.8 106.8"/><path d="m108.6 66.8 27.6 68.2-41.7-32.9Zm49.1 83.9L115.2 48.4c-1-2.8-3.7-4.6-6.6-4.5-3-.1-5.7 1.7-6.8 4.5L55.1 160.6h16l18.5-46.3 55.1 44.5c2.2 1.8 3.8 2.6 5.9 2.6 4.2.1 7.7-3.2 7.8-7.4v-.2c0-1-.3-2.1-.7-3.1" style="fill:#fff"/></svg>
diff --git a/src/assets/techs/apache.svg b/src/assets/techs/apache.svg
index 3789fce..54df971 100644
--- a/src/assets/techs/apache.svg
+++ b/src/assets/techs/apache.svg
@@ -1,4 +1,4 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
+<svg class="tech-icon" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
   xml:space="preserve" viewBox="0 0 2392.5 4226.6">
   <defs>
     <path id="b-apache" fill="#BE202E" d="M1393.2 1934.8c-15.4 2.8-31.3 5.5-47.6 8.3-.1 0-.2.1-.3.1 8.2-1.2 16.3-2.4 24.3-3.8s15.8-2.9 23.6-4.6z"/>
diff --git a/src/assets/techs/apple.svg b/src/assets/techs/apple.svg
index 740e83a..a451b04 100755
--- a/src/assets/techs/apple.svg
+++ b/src/assets/techs/apple.svg
@@ -1,3 +1,3 @@
-<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 -60 804 1100">
+<svg class="tech-icon" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 -60 804 1100">
   <path fill="var(--vtl-background-svg)" d="M788.1 340.9c-5.8 4.5-108.2 62.2-108.2 190.5 0 148.4 130.3 200.9 134.2 202.2-.6 3.2-20.7 71.9-68.7 141.9-42.8 61.6-87.5 123.1-155.5 123.1s-85.5-39.5-164-39.5c-76.5 0-103.7 40.8-165.9 40.8s-105.6-57-155.5-127C46.7 790.7 0 663 0 541.8c0-194.4 126.4-297.5 250.8-297.5 66.1 0 121.2 43.4 162.7 43.4 39.5 0 101.1-46 176.3-46 28.5 0 130.9 2.6 198.3 99.2zm-234-181.5c31.1-36.9 53.1-88.1 53.1-139.3 0-7.1-.6-14.3-1.9-20.1-50.6 1.9-110.8 33.7-147.1 75.8-28.5 32.4-55.1 83.6-55.1 135.5 0 7.8 1.3 15.6 1.9 18.1 3.2.6 8.4 1.3 13.6 1.3 45.4 0 102.5-30.4 135.5-71.3z"/>
-</svg>
\ No newline at end of file
+</svg>
diff --git a/src/assets/techs/appstore.svg b/src/assets/techs/appstore.svg
index 2aed58e..6635ba8 100644
--- a/src/assets/techs/appstore.svg
+++ b/src/assets/techs/appstore.svg
@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid" viewBox="0 0 256 256"><defs><linearGradient id="appstore_a" x1="50%" x2="50%" y1="0%" y2="100%"><stop offset="0%" stop-color="#17C9FB"/><stop offset="100%" stop-color="#1A74E8"/></linearGradient></defs><path fill="url(#appstore_a)" d="M56.064 0h143.872C230.9 0 256 25.1 256 56.064v143.872C256 230.9 230.9 256 199.936 256H56.064C25.1 256 0 230.9 0 199.936V56.064C0 25.1 25.1 0 56.064 0Z"/><path fill="#FFF" d="m82.042 185.81.024.008-8.753 15.16c-3.195 5.534-10.271 7.43-15.805 4.235-5.533-3.195-7.43-10.271-4.235-15.805l6.448-11.168.619-1.072c1.105-1.588 3.832-4.33 9.287-3.814 0 0 12.837 1.393 13.766 8.065 0 0 .126 2.195-1.351 4.391Zm124.143-38.72h-27.294c-1.859-.125-2.67-.789-2.99-1.175l-.02-.035-29.217-50.606-.038.025-1.752-2.512c-2.872-4.392-7.432 6.84-7.432 6.84-5.445 12.516.773 26.745 2.94 31.046l40.582 70.29c3.194 5.533 10.27 7.43 15.805 4.234 5.533-3.195 7.43-10.271 4.234-15.805l-10.147-17.576c-.197-.426-.539-1.582 1.542-1.587h13.787c6.39 0 11.57-5.18 11.57-11.57 0-6.39-5.18-11.57-11.57-11.57Zm-53.014 15.728s1.457 7.411-4.18 7.411H48.092c-6.39 0-11.57-5.18-11.57-11.57 0-6.39 5.18-11.57 11.57-11.57h25.94c4.188-.242 5.18-2.66 5.18-2.66l.024.012 33.86-58.648-.01-.002c.617-1.133.103-2.204.014-2.373l-11.183-19.369c-3.195-5.533-1.299-12.61 4.235-15.804 5.534-3.195 12.61-1.3 15.805 4.234l5.186 8.983 5.177-8.967c3.195-5.533 10.271-7.43 15.805-4.234 5.534 3.195 7.43 10.27 4.235 15.804l-47.118 81.61c-.206.497-.269 1.277 1.264 1.414h28.164l.006.275s16.278.253 18.495 15.454Z"/></svg>
+<svg class="tech-icon" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid" viewBox="0 0 256 256"><defs><linearGradient id="appstore_a" x1="50%" x2="50%" y1="0%" y2="100%"><stop offset="0%" stop-color="#17C9FB"/><stop offset="100%" stop-color="#1A74E8"/></linearGradient></defs><path fill="url(#appstore_a)" d="M56.064 0h143.872C230.9 0 256 25.1 256 56.064v143.872C256 230.9 230.9 256 199.936 256H56.064C25.1 256 0 230.9 0 199.936V56.064C0 25.1 25.1 0 56.064 0Z"/><path fill="#FFF" d="m82.042 185.81.024.008-8.753 15.16c-3.195 5.534-10.271 7.43-15.805 4.235-5.533-3.195-7.43-10.271-4.235-15.805l6.448-11.168.619-1.072c1.105-1.588 3.832-4.33 9.287-3.814 0 0 12.837 1.393 13.766 8.065 0 0 .126 2.195-1.351 4.391Zm124.143-38.72h-27.294c-1.859-.125-2.67-.789-2.99-1.175l-.02-.035-29.217-50.606-.038.025-1.752-2.512c-2.872-4.392-7.432 6.84-7.432 6.84-5.445 12.516.773 26.745 2.94 31.046l40.582 70.29c3.194 5.533 10.27 7.43 15.805 4.234 5.533-3.195 7.43-10.271 4.234-15.805l-10.147-17.576c-.197-.426-.539-1.582 1.542-1.587h13.787c6.39 0 11.57-5.18 11.57-11.57 0-6.39-5.18-11.57-11.57-11.57Zm-53.014 15.728s1.457 7.411-4.18 7.411H48.092c-6.39 0-11.57-5.18-11.57-11.57 0-6.39 5.18-11.57 11.57-11.57h25.94c4.188-.242 5.18-2.66 5.18-2.66l.024.012 33.86-58.648-.01-.002c.617-1.133.103-2.204.014-2.373l-11.183-19.369c-3.195-5.533-1.299-12.61 4.235-15.804 5.534-3.195 12.61-1.3 15.805 4.234l5.186 8.983 5.177-8.967c3.195-5.533 10.271-7.43 15.805-4.234 5.534 3.195 7.43 10.27 4.235 15.804l-47.118 81.61c-.206.497-.269 1.277 1.264 1.414h28.164l.006.275s16.278.253 18.495 15.454Z"/></svg>
diff --git a/src/assets/techs/archlinux.svg b/src/assets/techs/archlinux.svg
index f1e6905..6b48a83 100644
--- a/src/assets/techs/archlinux.svg
+++ b/src/assets/techs/archlinux.svg
@@ -1,3 +1,3 @@
-<svg xmlns="http://www.w3.org/2000/svg" aria-label="Arch Linux" viewBox="0 0 512 412">
+<svg class="tech-icon" xmlns="http://www.w3.org/2000/svg" aria-label="Arch Linux" viewBox="0 0 512 412">
   <path fill="#1793d1" d="M256 72c-14 35-23 57-39 91 10 11 22 23 41 36-21-8-35-17-45-26-21 43-53 103-117 220 50-30 90-48 127-55-2-7-3-14-3-22v-1c1-33 18-58 38-56 20 1 36 29 35 62l-2 17c36 7 75 26 125 54l-27-50c-13-10-27-23-55-38 19 5 33 11 44 17-86-159-93-180-122-250z"/>
 </svg>
diff --git a/src/assets/techs/astro.svg b/src/assets/techs/astro.svg
index ecfd527..6460a95 100644
--- a/src/assets/techs/astro.svg
+++ b/src/assets/techs/astro.svg
@@ -1,4 +1,4 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 85 107" fill="none">
+<svg class="tech-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 85 107" fill="none">
   <defs>
     <linearGradient id="astro" x1="22.47" x2="69.145" y1="107" y2="84.947"
       gradientUnits="userSpaceOnUse">
diff --git a/src/assets/techs/aws.svg b/src/assets/techs/aws.svg
index 3c698fe..0042f4b 100644
--- a/src/assets/techs/aws.svg
+++ b/src/assets/techs/aws.svg
@@ -1,4 +1,4 @@
-<svg viewBox="0 -20 128 107" fill="none" xmlns="http://www.w3.org/2000/svg">
+<svg class="tech-icon" viewBox="0 -20 128 107" fill="none" xmlns="http://www.w3.org/2000/svg">
   <style>
     @media (prefers-color-scheme: dark) {
       .aws {fill:#fff;}
diff --git a/src/assets/techs/azure.svg b/src/assets/techs/azure.svg
index 9852b8c..e98356a 100644
--- a/src/assets/techs/azure.svg
+++ b/src/assets/techs/azure.svg
@@ -1,4 +1,4 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 96 96">
+<svg class="tech-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 96 96">
   <defs>
     <linearGradient id="azure_a" x1="-1032.172" x2="-1059.213" y1="145.312" y2="65.426"
       gradientTransform="matrix(1 0 0 -1 1075 158)" gradientUnits="userSpaceOnUse">
diff --git a/src/assets/techs/backbone.svg b/src/assets/techs/backbone.svg
index aa3427e..a891c7c 100644
--- a/src/assets/techs/backbone.svg
+++ b/src/assets/techs/backbone.svg
@@ -1,4 +1,4 @@
-<svg xmlns="http://www.w3.org/2000/svg" fill="#0071b5" aria-label="Backbone" viewBox="0 0 512 512">
+<svg class="tech-icon" xmlns="http://www.w3.org/2000/svg" fill="#0071b5" aria-label="Backbone" viewBox="0 0 512 512">
   <rect width="512" height="512" fill="#fff" rx="100%"/>
   <g stroke="#848484" stroke-width="2">
     <path d="M380 102v167l-124 70v-48l83-47v-74l-83 47v-44l124-71"/>
diff --git a/src/assets/techs/baidu.svg b/src/assets/techs/baidu.svg
index 773eeb7..d0bd886 100644
--- a/src/assets/techs/baidu.svg
+++ b/src/assets/techs/baidu.svg
@@ -1,3 +1,3 @@
-<svg xmlns="http://www.w3.org/2000/svg"
+<svg class="tech-icon" xmlns="http://www.w3.org/2000/svg"
 aria-label="Baidu" role="img"
 viewBox="0 0 512 512"><path d="m131 251c41-9 35-58 34-68-2-17-21-45-48-43-33 3-37 50-37 50-5 22 10 70 51 61m76-82c22 0 40-26 40-58s-18-58-40-58c-23 0-41 26-41 58s18 58 41 58m96 4c31 4 50-28 54-53 4-24-16-52-37-57s-48 29-50 52c-3 27 3 54 33 58m120 41c0-12-10-47-46-47s-41 33-41 57c0 22 2 53 47 52s40-51 40-62m-46 102s-46-36-74-75c-36-57-89-34-106-5-18 29-45 48-49 53-4 4-56 33-44 84 11 52 52 51 52 51s30 3 65-5 65 2 65 2 81 27 104-25c22-53-13-80-13-80" fill="#2319dc"/><path d="m214 266v34h-28s-29 3-39 35c-3 21 4 34 5 36 1 3 10 19 33 23h53v-128zm-1 107h-21s-15-1-19-18c-3-7 0-16 1-20 1-3 6-11 17-14h22zm38-70v68s1 17 24 23h61v-91h-26v68h-25s-8-1-10-7v-61z" fill="#ffffff"/></svg>
diff --git a/src/assets/techs/bitbucket.svg b/src/assets/techs/bitbucket.svg
index 95c23c2..1e8afe7 100644
--- a/src/assets/techs/bitbucket.svg
+++ b/src/assets/techs/bitbucket.svg
@@ -1,3 +1,3 @@
-<svg xmlns="http://www.w3.org/2000/svg"
+<svg class="tech-icon" xmlns="http://www.w3.org/2000/svg"
 aria-label="Bitbucket" role="img"
 viewBox="0 0 512 512"><path fill="#2684ff" d="M422 130a10 10 0 00-9.9-11.7H100.5a10 10 0 00-10 11.7L136 409a10 10 0 009.9 8.4h221c5 0 9.2-3.5 10 -8.4L422 130zM291 316.8h-69.3l-18.7-98h104.8z"/><path fill="url(#a)" d="M59.632 25.2H40.94l-3.1 18.3h-13v18.9H52c1 0 1.7-.7 1.8-1.6l5.8-35.6z" transform="translate(89.8 85) scale(5.3285)"/><linearGradient id="a" x2="1" gradientTransform="rotate(141 22.239 22.239) scale(31.4)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#0052cc"/><stop offset="1" stop-color="#2684ff"/></linearGradient></svg>
diff --git a/src/assets/techs/centos.svg b/src/assets/techs/centos.svg
index 701ed31..5778dae 100644
--- a/src/assets/techs/centos.svg
+++ b/src/assets/techs/centos.svg
@@ -1,4 +1,4 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 42.235 42.333">
+<svg class="tech-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 42.235 42.333">
   <g paint-order="fill markers stroke" transform="matrix(1.0529 0 0 1.05289 -387.492 265.985)">
     <circle cx="435.079" cy="-124.144" r="20.103" fill="#a14f8c" transform="rotate(-15)" />
     <path fill="#fff"
diff --git a/src/assets/techs/chatgpt.svg b/src/assets/techs/chatgpt.svg
index 0ba41c6..f65b19b 100644
--- a/src/assets/techs/chatgpt.svg
+++ b/src/assets/techs/chatgpt.svg
@@ -1,3 +1,3 @@
-<svg clip-rule="evenodd" fill-rule="evenodd" image-rendering="optimizeQuality" shape-rendering="geometricPrecision" text-rendering="geometricPrecision" viewBox="9534.07 4435.93 21571.86 21590" xmlns="http://www.w3.org/2000/svg">
+<svg class="tech-icon" clip-rule="evenodd" fill-rule="evenodd" image-rendering="optimizeQuality" shape-rendering="geometricPrecision" text-rendering="geometricPrecision" viewBox="9534.07 4435.93 21571.86 21590" xmlns="http://www.w3.org/2000/svg">
   <g fill-rule="nonzero"><path d="m14767.48 4435.93h453.39l-5.18 18.14h-453.39zm453.39 0h10212.07l-5.18 18.14h-10212.07z" fill="#040609" fill-opacity=".078"/><path d="m25432.94 4435.93h431.8l-5.18 18.14h-431.8z" fill="#040609" fill-opacity=".078"/><path d="m14762.3 4454.07h11097.26c2854.2 9.5 5109.92 2159 5228.23 5012.33v971.55l8.64 14772.74 9.5 815.24h-16607.89c-2747.98-164.95-4716.98-2180.59-4963.97-4900.93v-11766.55c189.99-2799.79 2412.89-4906.98 5228.23-4904.38zm7660.13 3957.87c-495.13-553.85-1117.78-931.82-1867.96-1133.9-2141.73-576.89-4230.78 559.61-4995.07 2628.8-8.55 24.02-29.69 43.07-56.05 49.83-1579.61 395.78-2737.69 1524.51-3095.22 3099.72-283.26 1244.73 3.16 2427.57 859.28 3548.53 49.18 62.05 66.16 147.47 43.37 226.28-384.49 1276.38-95.19 2601.14 720.91 3649.55 964.93 1238.98 2314.74 1745.34 4049.42 1519.08 27.7-3.71 54.81 5.71 72.66 25.15 2044.89 2165.8 5849.91 1544.01 6849.96-1380.14 28.19-78.55 90.62-136.76 168.36-158.76 3000.19-876.7 4123.73-4164.42 2143.5-6648.14-39.07-49.88-51.37-114.02-34.08-173.46 437.38-1575.33 9.04-3123.76-1183.6-4208.44-935.56-850.36-2114.66-1181.41-3537.3-993.14-52.81 6.29-104.35-13.03-138.72-51.58z" fill="#74aa9c"/><path d="m22422.43 8411.94c33.83 37.93 85.37 57.25 137.35 51.06 1423.19-188.33 2602.57 142.68 3538.13 993.04 1192.64 1084.68 1620.98 2633.11 1183.14 4210.05-16.83 57.83-4.53 121.97 33.5 170.53 1981.27 2485.04 857.73 5772.76-2145.01 6650.18-75.19 21.28-137.62 79.49-164.94 155.54-1000.92 2926.65-4805.94 3548.44-6850.94 1382.53-17.74-19.33-44.85-28.75-72.39-25.07-1734.79 226.28-3084.65-280.07-4049.58-1519.05-816.1-1048.41-1105.4-2373.17-721.97-3646.11 23.85-82.25 6.87-167.67-44.48-232.55-854.67-1119.07-1140.37-2300.97-857.11-3545.7 357.53-1575.21 1515.61-2703.94 3094.28-3099.47 27.3-7.01 48.44-26.06 57.32-51.03 763.96-2068.24 2853.01-3204.74 4994.74-2627.85 750.18 202.08 1372.83 580.05 1867.96 1133.9zm-4274.82 2353.31c1065.68-630.43 2126.19-1245.88 3181.5-1846.37 3.02-1.72 6.08-3.92 8.86-6.43 20.9-18.82 22.85-50.76 4.34-71.31a49.43 49.43 0 0 0 -8.66-7.61c-1767.14-1239.41-4161.04-593.44-4783.7 1509.42-85.21 287.29-132.42 728.88-141.63 1324.77-15.54 1033.73 24.18 2068.32-5.18 3097.73-.62 34.13 17.09 66.04 46.2 82.67l1292.38 744.66c1.61.95 3.67 1.84 5.82 2.46 13.75 3.94 28.1-4.01 32.05-17.77.63-2.21.97-4.5 1-6.79 51.81-2284.75 60.44-3635.82 25.9-4053.23-30.23-362.71 10.36-555.29 341.12-752.2zm8208.52 2171.96c317.8-2684.07-2386.13-4327.5-4694.53-2987.19-956.29 555.58-1925.25 1120.09-2906.88 1693.52-26.17 15.06-41.73 42.64-41.44 72.53l-.01 1488.85c0 39.73 17.27 49.52 51.82 29.37 1201.55-700.09 2397.35-1390.11 3587.39-2070.05 272.9-156.31 468.94-208.99 737.51-50.95a187656.883 187656.883 0 0 0 3222.1 1845.51c1.68.89 3.34 1.6 5.06 2.15 15.87 5.16 32.81-3.16 37.82-18.58.56-1.71.95-3.48 1.18-5.27zm-7015.02 4630.62c-1184.29-693.76-2366.84-1378.02-3547.67-2052.78-363.58-207.26-478.44-365.3-448.21-780.69 27.64-383.44 20.73-1571.18-20.73-3563.21.01-1.51-.18-3.34-.56-5.12-3.27-15.39-19.17-25.06-35.5-21.59-1.74.37-3.45.89-5.1 1.54-2137.7 930.22-2635.13 3691.15-782.71 5187.77 100.18 81.18 592.72 378.54 1477.62 892.1 644.82 374.8 1303.17 753.06 1975.05 1134.77 31.44 17.33 67.87 17.15 97.06.15l1291.61-747.17c2.34-1.36 4.18-2.8 5.8-4.47 9.94-10.3 9.37-26.97-1.26-37.24a27.844 27.844 0 0 0 -5.71-4.24zm6826.76-3379.27c-188.84-156.6-466.06-339.97-831.65-550.11-877.42-503.77-1771.25-1019.62-2681.48-1547.57-33.83-19.14-75.87-18.96-110.2.67l-1261.2 722.16c-50.09 28.79-50.09 57.58 0 86.36 1248.77 721.4 2485.73 1443.08 3710.89 2165.05 171.57 101.33 258.51 221.37 260.81 360.12 21.88 1295.4 21.88 2587.92 0 3877.56-.06 1.64.08 3.6.42 5.52 2.74 15.5 17.52 25.85 33.02 23.12 2.06-.37 4.08-.96 6.01-1.76 2075.51-849.89 2699.03-3630.68 873.38-5141.12zm-4319.73 99.32-1520.8-871.37c-22.58-13.32-51.61-13.09-75.77.74l-1482.17 855.95c-34.66 20.26-56.06 57.76-56.12 98.45l-.01 1722.88c-.12 26.93 13.92 52.02 36.79 65.43l1516.83 879.35c24.11 13.49 53 13.28 76.46-.28l1501.33-864.19c22.73-13.13 37.01-37.41 37.14-63.52l5.18-1755.22c.15-27.9-14.53-53.98-38.5-68.02zm2310.99 1329.94-1305.76-757.37c-25.91-14.4-38.58-6.91-38 22.45 8.64 1447.39 2.3 2873.77-19 4279.14-3.45 231.44-74.27 399.84-266.85 511.25-1096.77 631-2184.05 1254.81-3261.82 1871.42-3.02 1.73-5.8 3.75-8.34 6.03-19.84 17.87-21.45 48.46-3.58 68.3a49.25 49.25 0 0 0 7.68 6.89c1765.99 1293.63 4234.15 555.25 4811.9-1595.97 81.18-301.11 121.77-755.08 121.77-1361.9v-2982.88c.04-27.87-14.43-53.53-38-67.37zm-6403.59 3823.16c-67.36-12.09-130.98-35.12-190.86-69.09l-3270.45-1882.65c-2-1.15-3.88-2-5.84-2.63-15.42-5.01-31.98 3.43-36.99 18.85-.6 1.82-1.01 3.72-1.24 5.62-297.05 2467.06 2190.11 4351.43 4463.11 3117.35 412.8-223.96 1463.51-830.21 3152.14-1818.74 22.5-13.44 36.28-38.07 36.26-64.79l-13.81-1496.6c-.05-2.52-.38-4.74-1-6.88-3.81-13.29-17.31-21.08-30.14-17.4a23.22 23.22 0 0 0 -6.25 2.84c-1242.84 722.45-2485.18 1436.3-3727.04 2141.58-122.63 69.66-245.26 93.84-367.89 72.54z" fill="#fff"/><path d="m18147.61 10765.25c-330.76 196.91-371.35 389.49-341.12 752.2 34.54 417.41 25.91 1768.36-25.91 4052.87-.02 2.65-.36 4.94-.99 7.15-3.95 13.76-18.3 21.71-32.05 17.77a25.87 25.87 0 0 1 -6.13-2.66l-1291.64-744.22c-29.54-16.87-47.25-48.78-46.62-83.39 29.35-1028.93-10.37-2063.52 5.17-3097.25 9.21-595.89 56.42-1037.48 141.63-1324.77 622.66-2102.86 3016.56-2748.83 4783.48-1509.57 3.39 2.34 6.31 4.9 8.88 7.76 18.51 20.55 16.56 52.49-4.34 71.31a51.578 51.578 0 0 1 -9.08 6.55c-1055.17 600.41-2115.6 1215.83-3181.28 1846.25z" fill="#74aa9c"/><path d="m21661.6 9950.02c2308.4-1340.31 5012.33 303.12 4694.53 2987.19-.21 1.68-.6 3.45-1.16 5.16-5.01 15.42-21.95 23.74-37.82 18.58-1.72-.55-3.38-1.26-4.97-2.11a187637.762 187637.762 0 0 1 -3222.19-1845.55c-268.57-158.04-464.61-105.36-737.51 50.95-1190.04 679.94-2385.84 1369.96-3587.39 2070.05-34.55 20.15-51.82 10.36-51.82-29.37v-1489.71c-.28-29.03 15.28-56.61 40.7-71.26 982.13-573.71 1951.34-1138.35 2907.63-1693.93z" fill="#74aa9c"/><path d="m31087.79 9466.4 18.14 5.18v971.55l-18.14-5.18zm0 971.55 18.14 5.18-9.5 14767.56z" fill="#040609" fill-opacity=".078"/><g fill="#74aa9c"><path d="m19341.11 17567.83c1.76.98 3.69 2.41 5.4 4.06 10.63 10.27 11.2 26.94 1.26 37.24a25.477 25.477 0 0 1 -5.47 4.28l-1293.14 748.07c-27.99 16.29-64.42 16.47-94.67-.23-672.67-382.13-1331.42-760.6-1976.24-1135.4-884.9-513.56-1377.44-810.92-1477.62-892.1-1852.42-1496.62-1354.99-4257.55 782.42-5187.65 1.94-.77 3.65-1.29 5.39-1.66 16.33-3.47 32.23 6.2 35.5 21.59.38 1.78.57 3.61.59 5.43 41.44 1991.83 48.34 3179.46 20.7 3562.9-30.23 415.39 84.63 573.43 448.21 780.69 1180.83 674.76 2363.38 1359.02 3547.67 2052.78zm6826.76-3379.27c1825.65 1510.44 1202.13 4291.23-873.1 5141.02-2.21.9-4.23 1.49-6.29 1.86-15.5 2.73-30.28-7.62-33.02-23.12-.34-1.92-.48-3.88-.42-5.83 21.88-1289.43 21.88-2581.85 0-3877.25-2.3-138.75-89.24-258.79-260.81-360.12-1225.16-721.97-2462.12-1443.65-3710.89-2165.05-50.09-28.78-50.09-57.57 0-86.36l1260.86-721.97c34.67-19.82 76.71-20 110.89-.66 910 527.81 1803.71 1043.6 2681.13 1547.37 365.59 210.14 642.8 393.52 831.65 550.11zm-4319.73 99.32c24.33 14.24 39.01 40.32 38.86 68.63l-5.18 1754.43c-.13 26.49-14.41 50.77-37.47 64.09l-1501.47 864.28c-23.13 13.31-52.03 13.47-75.64.19l-1516.84-879.34c-23.21-13.61-37.25-38.7-37.13-66.03v-1722.48c.07-40.69 21.47-78.19 56.15-98.44l1481.92-855.84c24.39-13.95 53.42-14.18 76.22-.71z"/><path d="m24159.13 15617.82c23.57 13.83 38.04 39.49 37.99 67.35.01 994.3.01 1988.6.01 2982.89 0 606.82-40.59 1060.79-121.77 1361.9-577.75 2151.22-3045.91 2889.6-4811.98 1595.93a50.075 50.075 0 0 1 -7.6-6.85c-17.87-19.84-16.26-50.43 3.58-68.3 2.54-2.28 5.32-4.3 8.28-6 1077.81-616.63 2165.11-1240.45 3261.88-1871.45 192.58-111.41 263.4-279.81 266.85-511.25 21.3-1405.37 27.64-2831.75 19-4279.14-.58-29.36 12.09-36.85 38-22.45z"/><path d="m17755.54 19440.98c122.63 21.3 245.26-2.88 367.89-72.54 1241.86-705.27 2484.29-1419.19 3727.3-2141.73 1.67-1.1 3.78-2.06 5.99-2.69 12.83-3.68 26.33 4.11 30.14 17.4.62 2.14.95 4.36 1 6.57l13.82 1496.93c.01 26.7-13.77 51.33-36.27 64.75-1688.63 988.55-2739.34 1594.8-3152.14 1818.76-2273 1234.08-4760.16-650.29-4463.08-3117.6.2-1.65.61-3.55 1.21-5.37 5.01-15.42 21.57-23.86 36.99-18.85 1.96.63 3.84 1.48 5.62 2.5l3270.67 1882.78c59.88 33.97 123.5 57 190.86 69.09z"/></g></g>
 </svg>
diff --git a/src/assets/techs/chrome.svg b/src/assets/techs/chrome.svg
index bdf1e13..1721fce 100644
--- a/src/assets/techs/chrome.svg
+++ b/src/assets/techs/chrome.svg
@@ -1,5 +1,5 @@
 
-<svg viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<svg class="tech-icon" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M16.0005 2.00394C16.0005 2.00394 24.2527 1.63495 28.6278 9.90002H15.2983C15.2983 9.90002 12.7828 9.81923 10.634 12.8601C10.0167 14.1364 9.3532 15.4511 10.0978 18.0422C9.02517 16.2315 4.40332 8.21246 4.40332 8.21246C4.40332 8.21246 7.66332 2.33069 16.0004 2.00394H16.0005Z" fill="#EF3F36"/>
 <path d="M28.1994 22.986C28.1994 22.986 24.3915 30.2938 15.0244 29.9325C16.1818 27.9373 21.691 18.4305 21.691 18.4305C21.691 18.4305 23.022 16.3008 21.4518 12.9256C20.6531 11.7531 19.8391 10.5268 17.2157 9.87324C19.3261 9.85413 28.6045 9.87324 28.6045 9.87324C28.6045 9.87324 32.0805 15.6281 28.1994 22.986Z" fill="#FCD900"/>
 <path d="M3.85931 23.0433C3.85931 23.0433 -0.588992 16.1044 4.41095 8.20068C5.56452 10.1959 11.0737 19.7027 11.0737 19.7027C11.0737 19.7027 12.262 21.917 15.9772 22.2475C17.3932 22.1437 18.8669 22.0553 20.7497 20.1217C19.7117 21.9516 15.0551 29.9476 15.0551 29.9476C15.0551 29.9476 8.31134 30.0706 3.8592 23.0433H3.85931Z" fill="#61BC5B"/>
@@ -14,4 +14,4 @@
 <stop offset="1" stop-color="#1072BA"/>
 </linearGradient>
 </defs>
-</svg>
\ No newline at end of file
+</svg>
diff --git a/src/assets/techs/circleci.svg b/src/assets/techs/circleci.svg
index 425e993..30dea37 100644
--- a/src/assets/techs/circleci.svg
+++ b/src/assets/techs/circleci.svg
@@ -1,4 +1,4 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+<svg class="tech-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
   <path
     d="M8.963 12a2.854 2.854 0 0 1 2.855-2.855A2.863 2.863 0 0 1 14.674 12a2.863 2.863 0 0 1-2.856 2.856A2.863 2.863 0 0 1 8.963 12zm2.855-12C6.215 0 1.522 3.84.19 9.025c-.01.036-.01.07-.01.12 0 .313.252.576.575.576H5.59c.23 0 .433-.13.517-.333.997-2.16 3.18-3.672 5.712-3.672a6.293 6.293 0 0 1 6.286 6.287c0 3.47-2.82 6.29-6.29 6.29a6.28 6.28 0 0 1-5.71-3.673.594.594 0 0 0-.517-.336H.755a.576.576 0 0 0-.575.576c0 .037.014.072.014.12C1.514 20.16 6.214 24 11.818 24c6.624 0 12-5.375 12-12 0-6.623-5.376-12-12-12z" />
 </svg>
diff --git a/src/assets/techs/cobol.svg b/src/assets/techs/cobol.svg
index df6054f..7d77e56 100644
--- a/src/assets/techs/cobol.svg
+++ b/src/assets/techs/cobol.svg
@@ -1,4 +1,4 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">
+<svg class="tech-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">
   <path fill="#005ca5"
     d="M22.24 6.546a4.449 4.449 0 0 0 1.765-2.522 4.636 4.636 0 0 1-.018 2.157c-.223.582-.567 1.107-.834 1.669a21.772 21.772 0 0 1 4.559-2.938C27.23 6.4 25.891 7.3 24.907 8.442c.19.409.28.989.8 1.109a5.036 5.036 0 0 0 2.5.155c.912-.313 1.345-1.258 1.8-2.035V9.14a15.738 15.738 0 0 1-.582 1.748c.2.547.409 1.092.582 1.647v.952c-.214.368-.442.726-.663 1.089a5.293 5.293 0 0 0-1.068-1.162 4.03 4.03 0 0 0-1.851-.125 3.212 3.212 0 0 0 2.413 1.47c-.359.37-.663.912-1.23.969-1.641.247-3.207-.505-4.839-.5-.282.02-.707.024-.785.372 0 .735.217 1.453.19 2.188-.059 1.258-.512 2.466-.529 3.726a13.785 13.785 0 0 0 .838 3.448 47.519 47.519 0 0 1-1.562-.26c-.1.208-.184.42-.26.634a4.514 4.514 0 0 0 1.139 1.195 58.32 58.32 0 0 0-.241.508l-.573.138c-.131.247-.263.492-.4.739a4.421 4.421 0 0 0-2.2.061c-.466-.186-.928-.376-1.389-.567a5.939 5.939 0 0 0 .407-2.315c-.282-.982-1.6-.984-2-1.877a6.233 6.233 0 0 1-1.022-2.851c-.823-.433-1.455-1.221-2.4-1.4-.048.409-.083.82-.153 1.227a6.015 6.015 0 0 1-1.348 2.406c.039.422.079.842.12 1.265.346.324.691.648 1.033.974a9.752 9.752 0 0 1-1.426.713 11.114 11.114 0 0 1-1.687.077l-.777-.764a4.871 4.871 0 0 0 .114-2.608c.171-.4.326-.812.475-1.221a5.565 5.565 0 0 1-3.01.206 5.12 5.12 0 0 1-3.29-4.33 3.859 3.859 0 0 1 1.407-3.268 6.41 6.41 0 0 0-.24 2.615 3.038 3.038 0 0 0 2.5 2.466 3.462 3.462 0 0 0 1.96-.643 7.48 7.48 0 0 1 .363-4.133 5.524 5.524 0 0 1 3.586-2.66 4.235 4.235 0 0 0 2.011-1.566 10.67 10.67 0 0 1 1.529-1.33c-.228-.219-.453-.44-.68-.659A2.154 2.154 0 0 0 15.9 6.023c1.284-.3 2.551-.661 3.82-1.011a3.793 3.793 0 0 0 1.415.606c.317.346.494 1.157 1.1.928m-3.777 13.362c.042.768-.048 1.665.674 2.155 0-.755-.046-1.507-.1-2.26Z" />
 </svg>
diff --git a/src/assets/techs/codepen.svg b/src/assets/techs/codepen.svg
index e91ad22..116b168 100644
--- a/src/assets/techs/codepen.svg
+++ b/src/assets/techs/codepen.svg
@@ -1,3 +1,3 @@
-<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<svg class="tech-icon" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path fill="var(--vtl-background-svg)" fill-rule="evenodd" clip-rule="evenodd" d="M11.4265 1.18077C11.7709 0.939744 12.2291 0.939744 12.5735 1.18077L22.5735 8.18077C22.8408 8.3679 23 8.67369 23 9V16C23 16.3263 22.8408 16.6321 22.5735 16.8192L12.5735 23.8192C12.2291 24.0603 11.7709 24.0603 11.4265 23.8192L1.42654 16.8192C1.15921 16.6321 1 16.3263 1 16V9C1 8.67369 1.15921 8.3679 1.42654 8.18077L11.4265 1.18077ZM3 10.9207V14.0793L5.25621 12.5L3 10.9207ZM7 13.7207L3.74379 16L11 21.0793V16.5207L7 13.7207ZM13 16.5207V21.0793L20.2562 16L17 13.7207L13 16.5207ZM18.7438 12.5L21 14.0793V10.9207L18.7438 12.5ZM20.2562 9L17 11.2793L13 8.47934V3.92066L20.2562 9ZM11 3.92066V8.47934L7 11.2793L3.74379 9L11 3.92066ZM12 10.2207L8.74379 12.5L12 14.7793L15.2562 12.5L12 10.2207Z"/>
-</svg>
\ No newline at end of file
+</svg>
diff --git a/src/assets/techs/copilot.svg b/src/assets/techs/copilot.svg
index fed3e7d..99a65f9 100644
--- a/src/assets/techs/copilot.svg
+++ b/src/assets/techs/copilot.svg
@@ -1,4 +1,4 @@
-<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 120 120">
+<svg class="tech-icon" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 120 120">
   <path fill="url(#a-copilot)"
     d="M85.855 18.313A11.574 11.574 0 0 0 74.75 10h-3.379a11.574 11.574 0 0 0-11.384 9.485L54.2 51.018l1.436-4.913a11.574 11.574 0 0 1 11.11-8.327H86.38l8.235 3.207 7.937-3.207h-2.316a11.574 11.574 0 0 1-11.105-8.313z" />
   <path fill="url(#b-copilot)"
diff --git a/src/assets/techs/cpp.svg b/src/assets/techs/cpp.svg
index 5eec5bb..5841bb3 100644
--- a/src/assets/techs/cpp.svg
+++ b/src/assets/techs/cpp.svg
@@ -1,8 +1,8 @@
-<svg viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<svg class="tech-icon" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M27.6947 22.9999C27.883 22.6617 28 22.2807 28 21.9385V10.0613C28 9.71913 27.8831 9.33818 27.6947 9L16 16L27.6947 22.9999Z" fill="#00599C"/>
 <path d="M17.0395 29.7433L26.9611 23.8047C27.2469 23.6336 27.5067 23.3382 27.695 23L16.0003 16L4.30566 23C4.49398 23.3382 4.75382 23.6337 5.03955 23.8047L14.9611 29.7433C15.5326 30.0855 16.468 30.0855 17.0395 29.7433Z" fill="#004482"/>
 <path d="M27.6947 8.99996C27.5064 8.6617 27.2465 8.36629 26.9608 8.19521L17.0392 2.25662C16.4677 1.91446 15.5323 1.91446 14.9608 2.25662L5.03922 8.19521C4.46761 8.53729 4 9.37709 4 10.0613V21.9386C4 22.2807 4.11694 22.6618 4.30533 23L16 16L27.6947 8.99996Z" fill="#659AD2"/>
 <path d="M16.0385 24C11.6061 24 8 20.4112 8 16C8 11.5888 11.6061 8 16.0385 8C18.8458 8 21.4674 9.47569 22.919 11.8618L19.4765 13.9265C18.7492 12.736 17.4399 12 16.0385 12C13.8222 12 12.0193 13.7944 12.0193 16C12.0193 18.2056 13.8222 20 16.0385 20C17.4362 20 18.7421 19.2681 19.4707 18.0832L22.9205 20.1359C21.4692 22.5234 18.8467 24 16.0385 24Z" fill="white"/>
 <path d="M23 15.4948H21.9999V14.5H21.0001V15.4948H20V16.4895H21.0001V17.4844H21.9999V16.4895H23V15.4948Z" fill="white"/>
 <path d="M27 15.5H25.9999V14.5H25.0001V15.5H24V16.4999H25.0001V17.5H25.9999V16.4999H27V15.5Z" fill="white"/>
-</svg>
\ No newline at end of file
+</svg>
diff --git a/src/assets/techs/csharp.svg b/src/assets/techs/csharp.svg
index d8afa1a..0159173 100644
--- a/src/assets/techs/csharp.svg
+++ b/src/assets/techs/csharp.svg
@@ -1,8 +1,8 @@
 
-<svg viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<svg class="tech-icon" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M27.6947 22.9999C27.883 22.6617 28 22.2807 28 21.9385V10.0613C28 9.71913 27.8831 9.33818 27.6947 9L16 16L27.6947 22.9999Z" fill="#7F3A86"/>
 <path d="M17.0395 29.7433L26.9611 23.8047C27.2469 23.6336 27.5067 23.3382 27.695 23L16.0003 16L4.30566 23C4.49398 23.3382 4.75382 23.6337 5.03955 23.8047L14.9611 29.7433C15.5326 30.0855 16.468 30.0855 17.0395 29.7433Z" fill="#662579"/>
 <path d="M27.6947 8.99996C27.5064 8.6617 27.2465 8.36629 26.9608 8.19521L17.0392 2.25662C16.4677 1.91446 15.5323 1.91446 14.9608 2.25662L5.03922 8.19521C4.46761 8.53729 4 9.37709 4 10.0613V21.9386C4 22.2807 4.11694 22.6618 4.30533 23L16 16L27.6947 8.99996Z" fill="#9A5196"/>
 <path d="M16.0385 24C11.6061 24 8 20.4112 8 16C8 11.5888 11.6061 8 16.0385 8C18.8458 8 21.4674 9.47569 22.919 11.8618L19.4765 13.9265C18.7492 12.736 17.4399 12 16.0385 12C13.8222 12 12.0193 13.7944 12.0193 16C12.0193 18.2056 13.8222 20 16.0385 20C17.4362 20 18.7421 19.2681 19.4707 18.0832L22.9205 20.1359C21.4692 22.5234 18.8467 24 16.0385 24Z" fill="white"/>
 <path fill-rule="evenodd" clip-rule="evenodd" d="M25.0001 13V13.9974H22.9999V13H22.0001V13.9974H21V15H22.0001V16.9948H21V18H22.0001V19H22.9999L23 18H25.0001V19H25.9999V18H27V17H25.9999V15H27V13.9974H25.9999V13H25.0001ZM25.0001 17V15H22.9999V16.9948L25.0001 17Z" fill="white"/>
-</svg>
\ No newline at end of file
+</svg>
diff --git a/src/assets/techs/css.svg b/src/assets/techs/css.svg
index 50cd584..bd60a8f 100755
--- a/src/assets/techs/css.svg
+++ b/src/assets/techs/css.svg
@@ -1,4 +1,4 @@
-<svg viewBox="-52.5 0 361 361" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid">
+<svg class="tech-icon" viewBox="-52.5 0 361 361" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid">
   <path d="M127.844 360.088 23.662 331.166.445 70.766h255.11l-23.241 260.36-104.47 28.962Z" fill="#264DE4"/>
   <path d="m212.417 314.547 19.86-222.49H128V337.95l84.417-23.403Z" fill="#2965F1"/>
   <path d="m53.669 188.636 2.862 31.937H128v-31.937H53.669ZM47.917 123.995l2.903 31.937H128v-31.937H47.917ZM128 271.58l-.14.037-35.568-9.604-2.274-25.471h-32.06l4.474 50.146 65.421 18.16.147-.04V271.58Z" fill="#EBEBEB"/>
diff --git a/src/assets/techs/cypress.svg b/src/assets/techs/cypress.svg
index e9ff906..c6a1e8e 100755
--- a/src/assets/techs/cypress.svg
+++ b/src/assets/techs/cypress.svg
@@ -1,4 +1,4 @@
-<svg viewBox="0 0 256 256" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" preserveAspectRatio="xMidYMid">
+<svg class="tech-icon" viewBox="0 0 256 256" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" preserveAspectRatio="xMidYMid">
   <defs>
     <path d="M128 0c70.75 0 128 57.25 128 128s-57.25 128-128 128S0 198.75 0 128 57.25 0 128 0Z" id="aaa"/>
     <path d="M128 3c69.09 0 125 55.91 125 125s-55.91 125-125 125S3 197.09 3 128 58.91 3 128 3Z" id="ddd"/>
@@ -18,4 +18,3 @@
   <path d="M128 7.386c66.667 0 120.614 53.947 120.614 120.614S194.667 248.614 128 248.614 7.386 194.667 7.386 128 61.333 7.386 128 7.386Z" fill="#5C5C5E" mask="url(#bbb)"/>
   <path d="M192.035 181.07c-4.386 13.597-10.965 23.684-20.175 31.14-9.21 7.457-21.492 11.404-36.842 12.72l-3.07-20.176c10.087-1.315 17.543-3.508 22.368-7.017 1.754-1.316 5.263-5.263 5.263-5.263L123.175 75.807h30.264l21.052 87.28 22.369-87.28h29.386l-34.21 105.263ZM86.333 71.86c7.018 0 13.597.877 18.86 3.07 5.702 2.193 10.965 5.263 16.228 9.649l-12.28 16.667c-3.51-2.632-7.018-4.386-10.088-5.702-3.07-1.316-7.018-1.755-10.527-1.755-14.912 0-22.368 11.404-22.368 34.65 0 11.842 1.754 20.175 5.702 25 3.947 5.263 9.21 7.456 16.666 7.456 3.51 0 7.018-.439 10.088-1.755 3.07-1.315 6.579-3.07 10.965-5.701l12.28 17.543c-10.087 8.334-21.49 12.281-34.648 12.281-10.527 0-19.299-2.193-27.193-6.579-7.457-4.386-13.597-10.965-17.544-19.298-3.948-8.333-6.14-17.982-6.14-29.386 0-10.965 2.192-21.053 6.14-29.386 3.947-8.772 10.087-15.35 17.544-20.175 7.456-3.948 16.228-6.58 26.315-6.58Z" fill="#FFF" mask="url(#bbb)"/>
 </svg>
-
diff --git a/src/assets/techs/d3.svg b/src/assets/techs/d3.svg
index a638c63..a44617a 100644
--- a/src/assets/techs/d3.svg
+++ b/src/assets/techs/d3.svg
@@ -1,4 +1,4 @@
-<svg xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid"
+<svg class="tech-icon" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid"
   viewBox="0 -6.5 256 256">
   <defs>
     <linearGradient id="d3_a" x1="-82.637%" x2="103.767%" y1="-92.82%" y2="106.042%">
diff --git a/src/assets/techs/debian.svg b/src/assets/techs/debian.svg
index f04dab9..2923370 100644
--- a/src/assets/techs/debian.svg
+++ b/src/assets/techs/debian.svg
@@ -1,4 +1,4 @@
-<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" overflow="visible"
+<svg class="tech-icon" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" overflow="visible"
   viewBox="0 0 87.041 108.445">
   <g fill="#A80030">
     <path d="M51.986 57.297c-1.797.025.34.926 2.686 1.287a24.014 24.014 0 0 0 1.76-1.516c-1.461.358-2.948.366-4.446.229M61.631 54.893c1.07-1.477 1.85-3.094 2.125-4.766-.24 1.192-.887 2.221-1.496 3.307-3.359 2.115-.316-1.256-.002-2.537-3.612 4.546-.496 2.726-.627 3.996M65.191 45.629c.217-3.236-.637-2.213-.924-.978.335.174.6 2.281.924.978M45.172 1.399c.959.172 2.072.304 1.916.533 1.049-.23 1.287-.442-1.916-.533M47.088 1.932l-.678.14.631-.056.047-.084"/>
diff --git a/src/assets/techs/deepin.svg b/src/assets/techs/deepin.svg
index a6a9dcc..ad58a35 100644
--- a/src/assets/techs/deepin.svg
+++ b/src/assets/techs/deepin.svg
@@ -1,4 +1,4 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 241.085 234.577">
+<svg class="tech-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 241.085 234.577">
   <g fill="none" fill-rule="evenodd">
     <path fill="#eff4f8"
       d="M154.38 4.746C90.493-13.434 23.57 22.21 4.877 84.37c-18.684 62.156 17.953 127.28 81.841 145.46 63.873 18.18 130.812-17.46 149.49-79.617C254.89 88.043 218.252 22.926 154.38 4.746z" />
diff --git a/src/assets/techs/deezer.svg b/src/assets/techs/deezer.svg
index d92d4f0..8ffd5b6 100644
--- a/src/assets/techs/deezer.svg
+++ b/src/assets/techs/deezer.svg
@@ -1,4 +1,4 @@
-<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 -50 173 118">
+<svg class="tech-icon" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 -50 173 118">
   <path fill="var(--vtl-background-svg)" fill-rule="evenodd"
     d="M98.147 30.653H82.54V11.7h15.606v5.12H89.9v2.19h7.753v4.185h-7.753v2.338h8.246v5.12Zm17.377 0H99.919V11.7h15.605v5.12h-8.245v2.19h7.753v4.185h-7.753v2.338h8.245v5.12Zm56.638 0c-1.063-2.898-2.55-5.99-4.551-9.457 2.34-.686 3.739-2.161 3.739-4.426 0-3.446-3.175-5.07-8.196-5.07h-10.339v18.953h7.385v-7.84c1.64 2.763 2.849 5.37 3.643 7.84h8.319ZM160.2 20.167V16.82h2.56c1.083 0 1.698.591 1.698 1.674s-.615 1.674-1.698 1.674h-2.56Zm-9.157 10.486h-15.605V11.7h15.605v5.12h-8.246v2.19h7.754v4.185h-7.754v2.338h8.246v5.12ZM117.297 16.82h7.619c-3.161 2.586-5.763 5.516-7.767 8.713v5.12h16.763v-5.12h-8.379c1.92-2.793 4.603-5.575 8.379-8.713V11.7h-16.615v5.12ZM61.865 11.7h9.501c5.883 0 10.043 3.914 10.043 9.476 0 5.563-4.16 9.477-10.043 9.477h-9.5V11.7Zm7.385 13.833h1.723c1.846 0 2.83-1.23 2.83-4.357 0-3.126-.984-4.356-2.83-4.356H69.25v8.713Z"
     clip-rule="evenodd" />
diff --git a/src/assets/techs/digitalocean.svg b/src/assets/techs/digitalocean.svg
index e2d49a9..7f0d0a5 100644
--- a/src/assets/techs/digitalocean.svg
+++ b/src/assets/techs/digitalocean.svg
@@ -1,3 +1,3 @@
-<svg xmlns="http://www.w3.org/2000/svg" aria-label="DigitalOcean" role="img" viewBox="0 0 512 512">
+<svg class="tech-icon" xmlns="http://www.w3.org/2000/svg" aria-label="DigitalOcean" role="img" viewBox="0 0 512 512">
   <path fill="#0080ff" d="M78 373v-47h47v104h57V300h74v147A191 191 0 1065 256h74a117 117 0 11117 117"/>
 </svg>
diff --git a/src/assets/techs/discord.svg b/src/assets/techs/discord.svg
index c27f4f0..b6f3184 100644
--- a/src/assets/techs/discord.svg
+++ b/src/assets/techs/discord.svg
@@ -1,3 +1,3 @@
-<svg viewBox="0 0 512 512" fill="#5865f2" aria-label="Discord" role="img" version="1.1" xmlns="http://www.w3.org/2000/svg">
+<svg class="tech-icon" viewBox="0 0 512 512" fill="#5865f2" aria-label="Discord" role="img" version="1.1" xmlns="http://www.w3.org/2000/svg">
  <path d="m386 137c-24-11-49.5-19-76.3-23.7c-.5 0-1 0-1.2.6c-3.3 5.9-7 13.5-9.5 19.5c-29-4.3-57.5-4.3-85.7 0c-2.6-6.2-6.3-13.7-10-19.5c-.3-.4-.7-.7-1.2-.6c-23 4.6-52.4 13-76 23.7c-.2 0-.4.2-.5.4c-49 73-62 143-55 213c0 .3.2.7.5 1c32 23.6 63 38 93.6 47.3c.5 0 1 0 1.3-.4c7.2-9.8 13.6-20.2 19.2-31.2c.3-.6 0-1.4-.7-1.6c-10-4-20-8.6-29.3-14c-.7-.4-.8-1.5 0-2c2-1.5 4-3 5.8-4.5c.3-.3.8-.3 1.2-.2c61.4 28 128 28 188 0c.4-.2.9-.1 1.2.1c1.9 1.6 3.8 3.1 5.8 4.6c.7.5.6 1.6 0 2c-9.3 5.5-19 10-29.3 14c-.7.3-1 1-.6 1.7c5.6 11 12.1 21.3 19 31c.3.4.8.6 1.3.4c30.6-9.5 61.7-23.8 93.8-47.3c.3-.2.5-.5.5-1c7.8-80.9-13.1-151-55.4-213c0-.2-.3-.4-.5-.4Zm-192 171c-19 0-34-17-34-38c0-21 15-38 34-38c19 0 34 17 34 38c0 21-15 38-34 38zm125 0c-19 0-34-17-34-38c0-21 15-38 34-38c19 0 34 17 34 38c0 21-15 38-34 38z" fill="#5865f2"/>
 </svg>
diff --git a/src/assets/techs/docker.svg b/src/assets/techs/docker.svg
index a99bb6c..460fe69 100644
--- a/src/assets/techs/docker.svg
+++ b/src/assets/techs/docker.svg
@@ -1,3 +1,3 @@
-<svg xmlns="http://www.w3.org/2000/svg"
+<svg class="tech-icon" xmlns="http://www.w3.org/2000/svg"
 aria-label="Docker" role="img"
 viewBox="0 0 512 512"><path stroke="#066da5" stroke-width="38" d="M296 226h42m-92 0h42m-91 0h42m-91 0h41m-91 0h42m8-46h41m8 0h42m7 0h42m-42-46h42"/><path fill="#066da5" d="m472 228s-18-17-55-11c-4-29-35-46-35-46s-29 35-8 74c-6 3-16 7-31 7H68c-5 19-5 145 133 145 99 0 173-46 208-130 52 4 63-39 63-39"/></svg>
diff --git a/src/assets/techs/dribbble.svg b/src/assets/techs/dribbble.svg
index 5df87cb..972554f 100644
--- a/src/assets/techs/dribbble.svg
+++ b/src/assets/techs/dribbble.svg
@@ -1,3 +1,3 @@
-<svg xmlns="http://www.w3.org/2000/svg"
+<svg class="tech-icon" xmlns="http://www.w3.org/2000/svg"
 aria-label="Dribble" role="img"
 viewBox="0 0 512 512"><circle cx="256" cy="256" r="192" fill="#c32361"/><path d="M383 153a163 163 0 0 1 37 102c-6-1-60-13-114-6l-15-32c61-25 88-60 92-64zm-18-19c-3 4-28 37-86 59a885 885 0 0 0-62-96c57-14 113 5 148 37zm-179-26a1035 1035 0 0 1 61 94c-77 21-144 20-152 20a165 165 0 0 1 91-114zM92 251c7 0 87 1 168-23l14 28c-72 21-116 72-140 110a164 164 0 0 1-42-115zm63 135c3-6 38-72 130-103 18 42 33 108 35 124-36 17-104 25-165-21zm192 6c-1-10-10-58-31-117 51-8 96 5 102 7a163 163 0 0 1-71 110z" fill="#ea4c89"/></svg>
diff --git a/src/assets/techs/dropbox.svg b/src/assets/techs/dropbox.svg
index 4c5c802..48bc55e 100644
--- a/src/assets/techs/dropbox.svg
+++ b/src/assets/techs/dropbox.svg
@@ -1,4 +1,4 @@
-<svg xmlns="http://www.w3.org/2000/svg"
+<svg class="tech-icon" xmlns="http://www.w3.org/2000/svg"
 aria-label="Dropbox" role="img"
 viewBox="0 0 512 512"
 fill="#0061ff"><path d="M158 101l-99 63 295 188 99-63m-99-188l99 63-295 188-99-63m99 83l98 63 98-63-98-62z"/></svg>
diff --git a/src/assets/techs/drupal.svg b/src/assets/techs/drupal.svg
index d0945d9..08577ad 100644
--- a/src/assets/techs/drupal.svg
+++ b/src/assets/techs/drupal.svg
@@ -1,4 +1,4 @@
-<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" id="Layer_2" x="0" y="0" style="enable-background:new 0 0 2160 2880" version="1.1" viewBox="0 0 2160 2880">
+<svg class="tech-icon" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" id="Layer_2" x="0" y="0" style="enable-background:new 0 0 2160 2880" version="1.1" viewBox="0 0 2160 2880">
   <path fill="#0678be" d="M1186 1080.5c-36-36-74.2-74.6-108.1-113.1-31.7 36-65.2 68.8-98.7 102.3-8.1 8-14.7 17.4-19.5 27.7-7.4 16.2-9.8 34.3-6.8 51.9v5.4c3.1 9.7 7.7 18.8 13.7 27 1 1.4 1.8 2.8 2.5 4.3 22 27.4 74.2 77.8 103.4 105.9l173 180.2 51.9 54.8c42.8 44.4 81.4 92.6 115.3 144.1 4.1 7.1 10.6 12.3 18.4 14.8h3.6c8.4-1.4 15.3-7.4 18-15.5 11.2-36.2 16.9-73.8 16.9-111.7-1-87.7-28.8-172.9-79.6-244.3-59.9-83.7-127.9-161.2-203.2-231.3l-.8-2.5zM1234.3 1660.7c-42.9-52.3-84.3-100.2-149.5-169.7-55.1 63.1-105.6 111.7-147.4 161.1-73.6 79.7-68.7 203.9 11 277.5s203.9 68.7 277.5-11c62.5-67.6 69.6-169.6 17.1-245.3-2.6-4.5-5.5-8.7-8.7-12.6zM979.9 1405.5c4.8-5.5 4.8-13.6 0-19.1l-127.2-130.1-27.4-25.9c-22 25.6-42.6 52.4-61.6 80.4a470.09 470.09 0 0 0-67.7 145.9c-15.3 60-13.9 123.1 4.3 182.3l2.5 5.4c3.2 6.4 6.8 12.5 10.8 18.4 0 0 14.8 23.8 27.7 24.9h4.7c4.4-1 8-4.1 9.7-8.3 12-25.2 27-48.7 44.7-70.3l46.5-56.6 133-147z" class="st0"/>
   <path fill="#0678be" d="M1082.6 363.4C487.3 363.2 4.6 845.6 4.4 1440.8s482.2 1078 1077.4 1078.2c595.3.2 1078-482.2 1078.2-1077.4v-.4c0-595.1-482.3-1077.6-1077.4-1077.8zm-6.2 1761.4c-313.2-.8-566.8-254.7-567.2-567.9 0-266.3 177.7-443.6 334-600.3 104.5-104.5 204.3-204 233.9-316 29.5 112.1 129.4 211.5 233.9 316 156.8 156.8 334 334 334 600.3-.3 313.7-254.8 567.9-568.6 567.9z" class="st0"/>
 </svg>
diff --git a/src/assets/techs/duckduckgo.svg b/src/assets/techs/duckduckgo.svg
index 068c373..0a2d6d0 100644
--- a/src/assets/techs/duckduckgo.svg
+++ b/src/assets/techs/duckduckgo.svg
@@ -1,3 +1,3 @@
-<svg xmlns="http://www.w3.org/2000/svg" aria-label="DuckDuckGo" role="img" viewBox="-128 -128 256 256" fill="#ffffff">
+<svg class="tech-icon" xmlns="http://www.w3.org/2000/svg" aria-label="DuckDuckGo" role="img" viewBox="-128 -128 256 256" fill="#ffffff">
   <circle r="108" fill="#d53"/><circle r="96" fill="none" stroke="#ffffff" stroke-width="7"/><path d="M-32-55C-62-48-51-6-51-6l19 93 7 3M-39-73h-8l11 4s-11 0-11 7c24-1 35 5 35 5" fill="#ddd"/><path d="M25 95S1 57 1 32c0-47 31-7 31-44S1-58 1-58c-15-19-44-15-44-15l7 4s-7 2-9 4 19-3 28 5c-37 3-31 33-31 33l21 120"/><path d="M25-1l38-10c34 5-29 24-33 23C0 7 9 32 45 24s9 20-24 9C-26 20-1-3 25-1" fill="#fc0"/><path d="M15 78l2-3c22 8 23 11 22-9s0-20-23-3c0-5-13-3-15 0-21-9-23-12-22 2 2 29 1 24 21 14" fill="#6b5"/><path d="M-1 67v12c1 2 17 2 17-2s-8 3-13 1-2-13-2-13" fill="#4a4"/><path d="M-23-32c-5-6-18-1-15 7 1-4 8-10 15-7m32 0c1-6 11-7 14-1-4-2-10-2-14 1m-33 16a2 2 0 1 1 0 1m-8 3a7 7 0 1 0 0-1m52-6a2 2 0 1 1 0 1m-6 3a6 6 0 1 0 0-1" fill="#148"/>
 </svg>
diff --git a/src/assets/techs/eclipse.svg b/src/assets/techs/eclipse.svg
index 2c3c45d..d9b2f11 100644
--- a/src/assets/techs/eclipse.svg
+++ b/src/assets/techs/eclipse.svg
@@ -1,4 +1,4 @@
-<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="71.07 223.663 469.86 250.329">
+<svg class="tech-icon" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="71.07 223.663 469.86 250.329">
   <style>
     @media (prefers-color-scheme: dark) {
       .eclipse {fill:#fff;}
diff --git a/src/assets/techs/edge.svg b/src/assets/techs/edge.svg
index 1cfb6a7..e0b47eb 100644
--- a/src/assets/techs/edge.svg
+++ b/src/assets/techs/edge.svg
@@ -1,2 +1,2 @@
-<svg xmlns="http://www.w3.org/2000/svg" aria-label="Edge" role="img" viewBox="0 0 512 512">
-<radialGradient id="a" cx=".6" cy=".5"><stop offset=".8" stop-color="#148"/><stop offset="1" stop-color="#137"/></radialGradient><radialGradient id="b" cx=".5" cy=".6" fx=".2" fy=".6"><stop offset=".8" stop-color="#38c"/><stop offset="1" stop-color="#269"/></radialGradient><linearGradient id="c" y1=".5" y2="1"><stop offset=".1" stop-color="#5ad"/><stop offset=".6" stop-color="#5c8"/><stop offset=".8" stop-color="#7d5"/></linearGradient><path d="M439 374c-50 77-131 98-163 96-191-9-162-262-47-261-82 52 30 224 195 157 17-12 20 3 15 8" fill="url(#a)"/><path d="M311 255c18-82-31-135-129-135S38 212 38 259c0 124 125 253 287 203-134 39-214-116-146-210 46-66 123-68 132 3 M411 99h1" fill="url(#b)"/><path d="M39 253C51-15 419-30 472 202c14 107-86 149-166 115-42-26 26-20-3-99-48-112-251-103-264 35" fill="url(#c)"/></svg>
\ No newline at end of file
+<svg class="tech-icon" xmlns="http://www.w3.org/2000/svg" aria-label="Edge" role="img" viewBox="0 0 512 512">
+<radialGradient id="a" cx=".6" cy=".5"><stop offset=".8" stop-color="#148"/><stop offset="1" stop-color="#137"/></radialGradient><radialGradient id="b" cx=".5" cy=".6" fx=".2" fy=".6"><stop offset=".8" stop-color="#38c"/><stop offset="1" stop-color="#269"/></radialGradient><linearGradient id="c" y1=".5" y2="1"><stop offset=".1" stop-color="#5ad"/><stop offset=".6" stop-color="#5c8"/><stop offset=".8" stop-color="#7d5"/></linearGradient><path d="M439 374c-50 77-131 98-163 96-191-9-162-262-47-261-82 52 30 224 195 157 17-12 20 3 15 8" fill="url(#a)"/><path d="M311 255c18-82-31-135-129-135S38 212 38 259c0 124 125 253 287 203-134 39-214-116-146-210 46-66 123-68 132 3 M411 99h1" fill="url(#b)"/><path d="M39 253C51-15 419-30 472 202c14 107-86 149-166 115-42-26 26-20-3-99-48-112-251-103-264 35" fill="url(#c)"/></svg>
diff --git a/src/assets/techs/elementaryos.svg b/src/assets/techs/elementaryos.svg
index a4383bc..7a64e5f 100644
--- a/src/assets/techs/elementaryos.svg
+++ b/src/assets/techs/elementaryos.svg
@@ -1,4 +1,4 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
+<svg class="tech-icon" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
   viewBox="0 0 128 128">
   <defs>
     <linearGradient id="b-elementary">
diff --git a/src/assets/techs/elo.svg b/src/assets/techs/elo.svg
index 9a2157e..9e08735 100644
--- a/src/assets/techs/elo.svg
+++ b/src/assets/techs/elo.svg
@@ -1,4 +1,4 @@
-<svg xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid"
+<svg class="tech-icon" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid"
   viewBox="0 0 256 256">
   <g fill-rule="evenodd">
     <path fill="#0E0E11"
diff --git a/src/assets/techs/ember.svg b/src/assets/techs/ember.svg
index 97a3d44..3af7509 100755
--- a/src/assets/techs/ember.svg
+++ b/src/assets/techs/ember.svg
@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 83 40"><g fill="#E04E39"><path d="M81.013 21.94s-2.005 1.558-3.77 1.384c-1.764-.174-1.21-4.126-1.21-4.126s.38-3.625-.66-3.93c-1.036-.302-2.315.945-2.315.945s-1.591 1.769-2.352 4.024l-.21.069s.243-3.955-.033-4.856c-.207-.45-2.11-.415-2.421.381-.312.799-1.834 6.346-1.939 8.67 0 0-2.975 2.533-5.567 2.947-2.595.418-3.218-1.213-3.218-1.213s7.057-1.976 6.814-7.629c-.24-5.652-5.69-3.56-6.306-3.097-.597.45-3.782 2.375-4.711 7.708-.031.179-.087.973-.087.973s-2.733 1.835-4.255 2.321c0 0 4.255-7.178-.932-10.437-1.459-.88-2.73-.07-3.487.674-.464.456 6.288-6.948 4.73-13.574-.74-3.153-2.313-3.491-3.756-2.98-2.191.866-3.021 2.148-3.021 2.148S39.469 6.47 38.81 12.608c-.657 6.136-1.625 13.558-1.625 13.558s-1.35 1.318-2.594 1.387c-1.247.067-.693-3.712-.693-3.712s.968-5.755.902-6.727c-.072-.97-.14-1.49-1.282-1.836-1.142-.348-2.388 1.109-2.388 1.109s-3.284 4.992-3.56 5.755l-.176.314-.171-.21s2.316-6.796.104-6.899c-2.214-.105-3.667 2.427-3.667 2.427s-2.526 4.232-2.63 4.716l-.171-.208s1.036-4.923.83-6.139c-.21-1.213-1.349-.97-1.349-.97s-1.453-.174-1.834.763c-.38.937-1.764 7.142-1.938 9.119 0 0-3.631 2.6-6.02 2.634-2.385.036-2.142-1.515-2.142-1.515s8.752-3.003 6.364-8.932c-1.072-1.526-2.316-2.005-4.08-1.972-1.766.036-3.954 1.114-5.372 4.304-.679 1.52-.924 2.967-1.065 4.057 0 0-1.53.315-2.36-.378-.832-.694-1.258 0-1.258 0S-.79 25.075.628 25.628c1.42.556 3.632.814 3.632.814a6.64 6.64 0 0 0 2.523 3.935c2.594 1.976 7.572-.182 7.572-.182l2.04-1.147s.07 1.877 1.558 2.15c1.487.275 2.11-.004 4.704-6.315 1.523-3.225 1.627-3.051 1.627-3.051.171-.036-1.003 6.136-.554 7.8.45 1.667 2.421 1.493 2.421 1.493s1.073.207 1.938-2.845c.864-3.051 2.526-6.415 2.526-6.415.205 0-.52 6.31.585 8.323 1.108 2.012 3.979.675 3.979.675s2.007-1.013 2.319-1.326c0 0 2.38 2.033 5.738 1.664 7.509-1.482 10.18-3.484 10.18-3.484s1.29 3.277 5.286 3.582c4.564.345 7.057-2.532 7.057-2.532s-.036 1.871 1.555 2.532c1.594.658 2.664-3.047 2.664-3.047l2.663-7.357c.243 0 .38 4.784 3.011 5.547 2.628.763 6.053-1.787 6.053-1.787s.83-.458.692-1.845c-.14-1.388-1.384-.87-1.384-.87zm-69.286-3.472c.932.901.587 2.842-1.177 4.055-1.762 1.216-2.56.973-2.56.973.105-4.127 2.805-5.932 3.737-5.028zM46.145 4.216c.588 3.121-5.153 12.414-5.153 12.414.068-2.081 2.108-9.12 2.108-9.12s2.454-6.415 3.044-3.295zM40.471 27.9s-.45-1.526.83-5.79c1.282-4.266 4.29-2.602 4.29-2.602s2.076 1.595.45 5.86c-1.625 4.265-5.57 2.532-5.57 2.532zm17.504-8.356c1.417-2.6 2.525-1.18 2.525-1.18s1.21 1.318-.173 3.295c-1.385 1.976-3.39 1.838-3.39 1.838s-.38-1.354 1.038-3.953z"/><path d="M72.133 30.067v-.498h.315c.044 0 .087.005.133.01.046.006.09.018.127.034a.216.216 0 0 1 .092.069c.025.03.036.071.036.122 0 .115-.034.19-.103.22a.68.68 0 0 1-.267.043h-.333zm-.375-.79v1.894h.375v-.809h.234l.46.81h.394l-.506-.828a.892.892 0 0 0 .195-.042.423.423 0 0 0 .262-.242.548.548 0 0 0 .04-.224c0-.205-.065-.35-.192-.433-.128-.085-.312-.127-.55-.127h-.712zm-.6.949c0-.194.032-.371.099-.533.066-.16.156-.3.27-.417a1.23 1.23 0 0 1 .902-.376 1.24 1.24 0 0 1 .9.376 1.34 1.34 0 0 1 .374.95c0 .194-.034.371-.1.535a1.362 1.362 0 0 1-.274.422 1.23 1.23 0 0 1-.9.378c-.177 0-.342-.033-.499-.1a1.203 1.203 0 0 1-.402-.278 1.316 1.316 0 0 1-.271-.422 1.4 1.4 0 0 1-.1-.535zm-.463 0c0 .26.049.493.143.7.097.21.223.388.382.536.16.147.345.26.554.338a1.866 1.866 0 0 0 1.313 0c.21-.078.393-.19.554-.338.16-.148.286-.325.382-.535.094-.208.14-.44.14-.701 0-.256-.046-.489-.14-.696a1.64 1.64 0 0 0-.936-.872c-.21-.08-.428-.12-.658-.12a1.805 1.805 0 0 0-1.21.46 1.64 1.64 0 0 0-.524 1.228z"/></g></svg>
+<svg class="tech-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 83 40"><g fill="#E04E39"><path d="M81.013 21.94s-2.005 1.558-3.77 1.384c-1.764-.174-1.21-4.126-1.21-4.126s.38-3.625-.66-3.93c-1.036-.302-2.315.945-2.315.945s-1.591 1.769-2.352 4.024l-.21.069s.243-3.955-.033-4.856c-.207-.45-2.11-.415-2.421.381-.312.799-1.834 6.346-1.939 8.67 0 0-2.975 2.533-5.567 2.947-2.595.418-3.218-1.213-3.218-1.213s7.057-1.976 6.814-7.629c-.24-5.652-5.69-3.56-6.306-3.097-.597.45-3.782 2.375-4.711 7.708-.031.179-.087.973-.087.973s-2.733 1.835-4.255 2.321c0 0 4.255-7.178-.932-10.437-1.459-.88-2.73-.07-3.487.674-.464.456 6.288-6.948 4.73-13.574-.74-3.153-2.313-3.491-3.756-2.98-2.191.866-3.021 2.148-3.021 2.148S39.469 6.47 38.81 12.608c-.657 6.136-1.625 13.558-1.625 13.558s-1.35 1.318-2.594 1.387c-1.247.067-.693-3.712-.693-3.712s.968-5.755.902-6.727c-.072-.97-.14-1.49-1.282-1.836-1.142-.348-2.388 1.109-2.388 1.109s-3.284 4.992-3.56 5.755l-.176.314-.171-.21s2.316-6.796.104-6.899c-2.214-.105-3.667 2.427-3.667 2.427s-2.526 4.232-2.63 4.716l-.171-.208s1.036-4.923.83-6.139c-.21-1.213-1.349-.97-1.349-.97s-1.453-.174-1.834.763c-.38.937-1.764 7.142-1.938 9.119 0 0-3.631 2.6-6.02 2.634-2.385.036-2.142-1.515-2.142-1.515s8.752-3.003 6.364-8.932c-1.072-1.526-2.316-2.005-4.08-1.972-1.766.036-3.954 1.114-5.372 4.304-.679 1.52-.924 2.967-1.065 4.057 0 0-1.53.315-2.36-.378-.832-.694-1.258 0-1.258 0S-.79 25.075.628 25.628c1.42.556 3.632.814 3.632.814a6.64 6.64 0 0 0 2.523 3.935c2.594 1.976 7.572-.182 7.572-.182l2.04-1.147s.07 1.877 1.558 2.15c1.487.275 2.11-.004 4.704-6.315 1.523-3.225 1.627-3.051 1.627-3.051.171-.036-1.003 6.136-.554 7.8.45 1.667 2.421 1.493 2.421 1.493s1.073.207 1.938-2.845c.864-3.051 2.526-6.415 2.526-6.415.205 0-.52 6.31.585 8.323 1.108 2.012 3.979.675 3.979.675s2.007-1.013 2.319-1.326c0 0 2.38 2.033 5.738 1.664 7.509-1.482 10.18-3.484 10.18-3.484s1.29 3.277 5.286 3.582c4.564.345 7.057-2.532 7.057-2.532s-.036 1.871 1.555 2.532c1.594.658 2.664-3.047 2.664-3.047l2.663-7.357c.243 0 .38 4.784 3.011 5.547 2.628.763 6.053-1.787 6.053-1.787s.83-.458.692-1.845c-.14-1.388-1.384-.87-1.384-.87zm-69.286-3.472c.932.901.587 2.842-1.177 4.055-1.762 1.216-2.56.973-2.56.973.105-4.127 2.805-5.932 3.737-5.028zM46.145 4.216c.588 3.121-5.153 12.414-5.153 12.414.068-2.081 2.108-9.12 2.108-9.12s2.454-6.415 3.044-3.295zM40.471 27.9s-.45-1.526.83-5.79c1.282-4.266 4.29-2.602 4.29-2.602s2.076 1.595.45 5.86c-1.625 4.265-5.57 2.532-5.57 2.532zm17.504-8.356c1.417-2.6 2.525-1.18 2.525-1.18s1.21 1.318-.173 3.295c-1.385 1.976-3.39 1.838-3.39 1.838s-.38-1.354 1.038-3.953z"/><path d="M72.133 30.067v-.498h.315c.044 0 .087.005.133.01.046.006.09.018.127.034a.216.216 0 0 1 .092.069c.025.03.036.071.036.122 0 .115-.034.19-.103.22a.68.68 0 0 1-.267.043h-.333zm-.375-.79v1.894h.375v-.809h.234l.46.81h.394l-.506-.828a.892.892 0 0 0 .195-.042.423.423 0 0 0 .262-.242.548.548 0 0 0 .04-.224c0-.205-.065-.35-.192-.433-.128-.085-.312-.127-.55-.127h-.712zm-.6.949c0-.194.032-.371.099-.533.066-.16.156-.3.27-.417a1.23 1.23 0 0 1 .902-.376 1.24 1.24 0 0 1 .9.376 1.34 1.34 0 0 1 .374.95c0 .194-.034.371-.1.535a1.362 1.362 0 0 1-.274.422 1.23 1.23 0 0 1-.9.378c-.177 0-.342-.033-.499-.1a1.203 1.203 0 0 1-.402-.278 1.316 1.316 0 0 1-.271-.422 1.4 1.4 0 0 1-.1-.535zm-.463 0c0 .26.049.493.143.7.097.21.223.388.382.536.16.147.345.26.554.338a1.866 1.866 0 0 0 1.313 0c.21-.078.393-.19.554-.338.16-.148.286-.325.382-.535.094-.208.14-.44.14-.701 0-.256-.046-.489-.14-.696a1.64 1.64 0 0 0-.936-.872c-.21-.08-.428-.12-.658-.12a1.805 1.805 0 0 0-1.21.46 1.64 1.64 0 0 0-.524 1.228z"/></g></svg>
diff --git a/src/assets/techs/evernote.svg b/src/assets/techs/evernote.svg
index f997fc2..a1348bf 100644
--- a/src/assets/techs/evernote.svg
+++ b/src/assets/techs/evernote.svg
@@ -1,4 +1,4 @@
-<svg xmlns="http://www.w3.org/2000/svg"
+<svg class="tech-icon" xmlns="http://www.w3.org/2000/svg"
 aria-label="Evernote" role="img"
 viewBox="0 0 512 512"><rect
 width="512" height="512"
diff --git a/src/assets/techs/expo.svg b/src/assets/techs/expo.svg
index c038a6a..d191fbe 100644
--- a/src/assets/techs/expo.svg
+++ b/src/assets/techs/expo.svg
@@ -1,3 +1,3 @@
-<svg fill="none" viewBox="0 -15 71 50">
+<svg class="tech-icon" fill="none" viewBox="0 -15 71 50">
   <path fill="var(--vtl-background-svg)" d="M9.258 6.342c.158-.23.331-.26.472-.26.14 0 .374.03.532.26 2.06 2.806 6.332 10.208 6.727 10.611.585.597 1.388.225 1.854-.452.46-.667.587-1.135.587-1.634 0-.34-6.653-12.614-7.324-13.636C11.462.248 11.252 0 10.15 0h-.825c-1.1 0-1.259.248-1.903 1.23C6.75 2.254.097 14.528.097 14.868c0 .5.127.967.587 1.634.466.677 1.269 1.05 1.854.452.395-.403 4.661-7.805 6.72-10.61zm14.941-5.237v15.344h9.35v-3.113h-6.125v-3.244h5.45V6.98h-5.45V4.218h6.125V1.105h-9.35zM46.25 16.449l-3.88-5.568 3.619-5.195h-3.662L40.54 8.23l-1.765-2.543h-3.706l3.618 5.217-3.857 5.546h3.661l2.027-2.915 2.027 2.915h3.705zm7.572-10.982c-1.482 0-2.637.614-3.378 1.732V5.686H47.37V20h3.073v-5.063c.74 1.117 1.896 1.731 3.378 1.731 2.768 0 4.97-2.52 4.97-5.611 0-3.091-2.202-5.59-4.97-5.59zm-.697 8.242c-1.504 0-2.681-1.14-2.681-2.652 0-1.49 1.177-2.653 2.68-2.653 1.483 0 2.681 1.184 2.681 2.653 0 1.49-1.198 2.652-2.68 2.652zm12.188-8.242c-3.16 0-5.558 2.411-5.558 5.612 0 3.2 2.397 5.59 5.557 5.59 3.139 0 5.558-2.39 5.558-5.59 0-3.2-2.42-5.612-5.558-5.612zm0 2.96c1.438 0 2.55 1.117 2.55 2.652 0 1.49-1.112 2.63-2.55 2.63-1.46 0-2.55-1.14-2.55-2.63 0-1.535 1.09-2.653 2.55-2.653z"/>
 </svg>
diff --git a/src/assets/techs/facebook.svg b/src/assets/techs/facebook.svg
index 47eec35..2c9c2f8 100644
--- a/src/assets/techs/facebook.svg
+++ b/src/assets/techs/facebook.svg
@@ -1,4 +1,4 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="-204.79995 0 1774 1407">
+<svg class="tech-icon" xmlns="http://www.w3.org/2000/svg" viewBox="-204.79995 0 1774 1407">
   <path d="M1365.333 682.667C1365.333 305.64 1059.693 0 682.667 0 305.64 0 0 305.64 0 682.667c0 340.738 249.641 623.16 576 674.373V880H402.667V682.667H576v-150.4c0-171.094 101.917-265.6 257.853-265.6 74.69 0 152.814 13.333 152.814 13.333v168h-86.083c-84.804 0-111.25 52.623-111.25 106.61v128.057h189.333L948.4 880H789.333v477.04c326.359-51.213 576-333.635 576-674.373" fill="#1877f2"/>
   <path d="M948.4 880l30.267-197.333H789.333V554.609C789.333 500.623 815.78 448 900.584 448h86.083V280s-78.124-13.333-152.814-13.333c-155.936 0-257.853 94.506-257.853 265.6v150.4H402.667V880H576v477.04a687.805 687.805 0 00106.667 8.293c36.288 0 71.91-2.84 106.666-8.293V880H948.4" fill="#fff"/>
 </svg>
diff --git a/src/assets/techs/fedora.svg b/src/assets/techs/fedora.svg
index 49f3935..aed8630 100644
--- a/src/assets/techs/fedora.svg
+++ b/src/assets/techs/fedora.svg
@@ -1,4 +1,4 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.0"
+<svg class="tech-icon" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.0"
   viewBox="0 0 267 267">
   <path fill="#294172"
     d="M266.626 133.506c0-73.525-59.604-133.13-133.128-133.13C60.007.376.426 59.93.374 133.412v103.021c.04 16.685 13.571 30.191 30.266 30.191h102.912c73.5-.029 133.074-59.613 133.074-133.118" />
diff --git a/src/assets/techs/firebase.svg b/src/assets/techs/firebase.svg
index 2d6b358..9757308 100644
--- a/src/assets/techs/firebase.svg
+++ b/src/assets/techs/firebase.svg
@@ -1,4 +1,4 @@
-<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 165 205">
+<svg class="tech-icon" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 165 205">
   <path fill="#FF9100"
     d="M51.227 191.109a77.714 77.714 0 0 0 26.359 5.568 77.468 77.468 0 0 0 35.304-7.116 109.954 109.954 0 0 1-34.417-21.609c-6.438 10.308-15.96 18.449-27.245 23.157Z" />
   <path fill="#FFC400"
diff --git a/src/assets/techs/firefox.svg b/src/assets/techs/firefox.svg
index 594238d..37c113d 100644
--- a/src/assets/techs/firefox.svg
+++ b/src/assets/techs/firefox.svg
@@ -1,4 +1,4 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 77.42 79.97">
+<svg class="tech-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 77.42 79.97">
   <defs>
     <radialGradient id="b-firefox" cx="-7907" cy="-8515" r="80.8" gradientTransform="translate(7974 8524)"
       gradientUnits="userSpaceOnUse">
diff --git a/src/assets/techs/fortran.svg b/src/assets/techs/fortran.svg
index 6b789b4..1304fcc 100644
--- a/src/assets/techs/fortran.svg
+++ b/src/assets/techs/fortran.svg
@@ -1,4 +1,4 @@
-<svg xmlns="http://www.w3.org/2000/svg" version="1.0" viewBox="0 0 2550.422 2550.302">
+<svg class="tech-icon" xmlns="http://www.w3.org/2000/svg" version="1.0" viewBox="0 0 2550.422 2550.302">
   <path fill="#734f96"
     d="M374.142 2550.302C223.373 2550.352 0 2287.139 0 2173.763v-1802C0 219.179 263.978-.008 377.902 0l1805.356.127c155.783.01 367.163 254.122 367.163 375.222v1803.768c0 177.696-238.056 370.532-372.282 370.577z" />
   <path fill="#fff"
diff --git a/src/assets/techs/gemini.svg b/src/assets/techs/gemini.svg
index 84663b0..ea838c2 100644
--- a/src/assets/techs/gemini.svg
+++ b/src/assets/techs/gemini.svg
@@ -1,4 +1,4 @@
-<svg viewBox="0 -45 344 227" fill="none" xmlns="http://www.w3.org/2000/svg">
+<svg class="tech-icon" viewBox="0 -45 344 227" fill="none" xmlns="http://www.w3.org/2000/svg">
   <mask id="mask0_958_15881" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0"
     width="344" height="127">
     <path fill-rule="evenodd" clip-rule="evenodd"
diff --git a/src/assets/techs/git.svg b/src/assets/techs/git.svg
index 44da801..9971f36 100755
--- a/src/assets/techs/git.svg
+++ b/src/assets/techs/git.svg
@@ -1,5 +1,5 @@
 
-<svg viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<svg class="tech-icon" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
     <path d="M2.58536 17.4132C1.80488 16.6327 1.80488 15.3673 2.58536 14.5868L14.5868 2.58536C15.3673 1.80488 16.6327 1.80488 17.4132 2.58536L29.4146 14.5868C30.1951 15.3673 30.1951 16.6327 29.4146 17.4132L17.4132 29.4146C16.6327 30.1951 15.3673 30.1951 14.5868 29.4146L2.58536 17.4132Z" fill="#EE513B"/>
     <path d="M12.1489 5.06152L10.9336 6.27686L14.0725 9.41577C13.9455 9.68819 13.8746 9.99201 13.8746 10.3124C13.8746 11.222 14.4461 11.9981 15.2496 12.3012V19.9798C14.4461 20.2829 13.8746 21.059 13.8746 21.9686C13.8746 23.1422 14.826 24.0936 15.9996 24.0936C17.1732 24.0936 18.1246 23.1422 18.1246 21.9686C18.1246 21.144 17.6549 20.429 16.9684 20.0768V12.3117L19.9689 15.3122C19.8481 15.5791 19.7809 15.8754 19.7809 16.1874C19.7809 17.361 20.7323 18.3124 21.9059 18.3124C23.0795 18.3124 24.0309 17.361 24.0309 16.1874C24.0309 15.0138 23.0795 14.0624 21.9059 14.0624C21.6778 14.0624 21.4582 14.0983 21.2522 14.1648L18.0297 10.9423C18.0914 10.7433 18.1246 10.5317 18.1246 10.3124C18.1246 9.13878 17.1732 8.18738 15.9996 8.18738C15.7803 8.18738 15.5688 8.22061 15.3697 8.2823L12.1489 5.06152Z" fill="white"/>
-</svg>
\ No newline at end of file
+</svg>
diff --git a/src/assets/techs/github.svg b/src/assets/techs/github.svg
index 9147447..9657896 100644
--- a/src/assets/techs/github.svg
+++ b/src/assets/techs/github.svg
@@ -1,4 +1,4 @@
-<svg viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<svg class="tech-icon" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
     <circle cx="24" cy="24" r="20" fill="var(--vtl-background-svg)" />
     <path fill="var(--vtl-background-svg-invert)" d="M6.81348 34.235C9.24811 38.3138 13.0939 41.4526 17.6772 42.9784C18.6779 43.1614 19.0425 42.5438 19.0425 42.0134C19.0425 41.7938 19.0388 41.4058 19.0339 40.8866C19.0282 40.2852 19.0208 39.5079 19.0155 38.6124C13.4524 39.8206 12.2787 35.931 12.2787 35.931C11.3689 33.6215 10.0576 33.0064 10.0576 33.0064C8.2417 31.7651 10.1951 31.7896 10.1951 31.7896C12.2025 31.9321 13.2584 33.8511 13.2584 33.8511C15.0424 36.9071 17.94 36.0243 19.0794 35.5135C19.2611 34.2207 19.7767 33.3391 20.3489 32.8394C15.908 32.3348 11.2387 30.6183 11.2387 22.9545C11.2387 20.7715 12.0184 18.9863 13.2977 17.5879C13.0914 17.082 12.4051 15.0488 13.4929 12.2949C13.4929 12.2949 15.1725 11.7571 18.9934 14.3453C20.5883 13.9021 22.2998 13.6798 24.0003 13.6725C25.6983 13.6798 27.4099 13.9021 29.0072 14.3453C32.8256 11.7571 34.5016 12.2949 34.5016 12.2949C35.5931 15.0488 34.9067 17.082 34.7005 17.5879C35.9823 18.9863 36.757 20.7715 36.757 22.9545C36.757 30.638 32.0804 32.3286 27.6247 32.8234C28.343 33.441 28.9827 34.6614 28.9827 36.5277C28.9827 38.3152 28.9717 39.8722 28.9644 40.9035C28.9608 41.4143 28.9581 41.7962 28.9581 42.0134C28.9581 42.5487 29.3178 43.1712 30.3332 42.976C33.9844 41.7572 37.1671 39.5154 39.5403 36.5903C35.8734 41.1108 30.274 44 23.9997 44C16.6943 44 10.3038 40.0832 6.81348 34.235Z" />
 </svg>
diff --git a/src/assets/techs/gitlab.svg b/src/assets/techs/gitlab.svg
index 1edd852..7bf9405 100644
--- a/src/assets/techs/gitlab.svg
+++ b/src/assets/techs/gitlab.svg
@@ -1,3 +1,3 @@
-<svg xmlns="http://www.w3.org/2000/svg" fill-rule="evenodd" viewBox="0 0 64 64">
+<svg class="tech-icon" xmlns="http://www.w3.org/2000/svg" fill-rule="evenodd" viewBox="0 0 64 64">
   <path d="M32 61.477L43.784 25.2H20.216z" fill="#e24329"/><path d="M32 61.477L20.216 25.2H3.7z" fill="#fc6d26"/><path d="M3.7 25.2L.12 36.23a2.44 2.44 0 0 0 .886 2.728L32 61.477z" fill="#fca326"/><path d="M3.7 25.2h16.515L13.118 3.366c-.365-1.124-1.955-1.124-2.32 0z" fill="#e24329"/><path d="M32 61.477L43.784 25.2H60.3z" fill="#fc6d26"/><path d="M60.3 25.2l3.58 11.02a2.44 2.44 0 0 1-.886 2.728L32 61.477z" fill="#fca326"/><path d="M60.3 25.2H43.784l7.098-21.844c.365-1.124 1.955-1.124 2.32 0z" fill="#e24329"/>
 </svg>
diff --git a/src/assets/techs/go.svg b/src/assets/techs/go.svg
index ae76be9..516d43c 100644
--- a/src/assets/techs/go.svg
+++ b/src/assets/techs/go.svg
@@ -1,4 +1,4 @@
-<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" id="Layer_1" x="0" y="0" version="1.1"
+<svg class="tech-icon" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" id="Layer_1" x="0" y="0" version="1.1"
   viewBox="0 -30 205.4 126.7">
   <style>
     .st0{fill:#00acd7}
diff --git a/src/assets/techs/google.svg b/src/assets/techs/google.svg
index 432bc2e..19d7226 100644
--- a/src/assets/techs/google.svg
+++ b/src/assets/techs/google.svg
@@ -1,4 +1,4 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+<svg class="tech-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
   <path d="M22.56 12.25c0-.78-.07-1.53-.2-2.25H12v4.26h5.92c-.26 1.37-1.04 2.53-2.21 3.31v2.77h3.57c2.08-1.92 3.28-4.74 3.28-8.09z" fill="#4285F4"/>
   <path d="M12 23c2.97 0 5.46-.98 7.28-2.66l-3.57-2.77c-.98.66-2.23 1.06-3.71 1.06-2.86 0-5.29-1.93-6.16-4.53H2.18v2.84C3.99 20.53 7.7 23 12 23z" fill="#34A853"/>
   <path d="M5.84 14.09c-.22-.66-.35-1.36-.35-2.09s.13-1.43.35-2.09V7.07H2.18C1.43 8.55 1 10.22 1 12s.43 3.45 1.18 4.93l2.85-2.22.81-.62z" fill="#FBBC05"/>
diff --git a/src/assets/techs/grafana.svg b/src/assets/techs/grafana.svg
index 207eb8f..74d99d4 100644
--- a/src/assets/techs/grafana.svg
+++ b/src/assets/techs/grafana.svg
@@ -1,2 +1,2 @@
-<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" x="0" y="0"
+<svg class="tech-icon" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" x="0" y="0"
   style="enable-background:new 0 0 142.5 145.6" version="1.1" viewBox="0 -25 142.5 145.6"><linearGradient id="grafana_gradient" x1="71.25" x2="71.25" y1="10.489" y2="113.341" gradientTransform="matrix(1 0 0 -1 0 148.6)" gradientUnits="userSpaceOnUse"><stop offset="0" style="stop-color:#fcee1f"/><stop offset="1" style="stop-color:#f15b2a"/></linearGradient><path d="M122.9 49.9c-.2-1.9-.5-4.1-1.1-6.5-.6-2.4-1.6-5-2.9-7.8-1.4-2.7-3.1-5.6-5.4-8.3-.9-1.1-1.9-2.1-2.9-3.2 1.6-6.3-1.9-11.8-1.9-11.8-6.1-.4-9.9 1.9-11.3 2.9-.2-.1-.5-.2-.7-.3-1-.4-2.1-.8-3.2-1.2-1.1-.3-2.2-.7-3.3-.9-1.1-.3-2.3-.5-3.5-.7-.2 0-.4-.1-.6-.1C83.5 3.6 75.9 0 75.9 0c-8.7 5.6-10.4 13.1-10.4 13.1s0 .2-.1.4c-.5.1-.9.3-1.4.4-.6.2-1.3.4-1.9.7-.6.3-1.3.5-1.9.8-1.3.6-2.5 1.2-3.8 1.9-1.2.7-2.4 1.4-3.5 2.2-.2-.1-.3-.2-.3-.2-11.7-4.5-22.1.9-22.1.9-.9 12.5 4.7 20.3 5.8 21.7-.3.8-.5 1.5-.8 2.3-.9 2.8-1.5 5.7-1.9 8.7-.1.4-.1.9-.2 1.3-10.8 5.3-14 16.3-14 16.3 9 10.4 19.6 11 19.6 11 1.3 2.4 2.9 4.7 4.6 6.8.7.9 1.5 1.7 2.3 2.6-3.3 9.4.5 17.3.5 17.3 10.1.4 16.7-4.4 18.1-5.5l3 .9c3.1.8 6.3 1.3 9.4 1.4H81c4.7 6.8 13.1 7.7 13.1 7.7 5.9-6.3 6.3-12.4 6.3-13.8V98.3c1.2-.9 2.4-1.8 3.6-2.8 2.4-2.1 4.4-4.6 6.2-7.2.2-.2.3-.5.5-.7 6.7.4 11.4-4.2 11.4-4.2-1.1-7-5.1-10.4-5.9-11l-.1-.1-.1-.1-.1-.1c0-.4.1-.8.1-1.3.1-.8.1-1.5.1-2.3v-2.9c0-.2 0-.4-.1-.6l-.1-.6-.1-.6c-.1-.8-.3-1.5-.4-2.3-.7-3-1.9-5.9-3.4-8.4-1.6-2.6-3.5-4.8-5.7-6.8-2.2-1.9-4.6-3.5-7.2-4.6-2.6-1.2-5.2-1.9-7.9-2.2-1.3-.2-2.7-.2-4-.2h-2c-.7.1-1.4.2-2 .3-2.7.5-5.2 1.5-7.4 2.8-2.2 1.3-4.1 3-5.7 4.9s-2.8 3.9-3.6 6.1c-.8 2.1-1.3 4.4-1.4 6.5v2.4c0 .3 0 .5.1.8.1 1.1.3 2.1.6 3.1.6 2 1.5 3.8 2.7 5.4s2.5 2.8 4 3.8 3 1.7 4.6 2.2c1.6.5 3.1.7 4.5.6h2.1c.2 0 .4-.1.5-.1.2 0 .3-.1.5-.1.3-.1.7-.2 1-.3.6-.2 1.2-.5 1.8-.7.6-.3 1.1-.6 1.5-.9.1-.1.3-.2.4-.3.5-.4.6-1.1.2-1.6-.4-.4-1-.5-1.5-.3-.1.1-.2.1-.4.2-.4.2-.9.4-1.3.5-.5.1-1 .3-1.5.4-.3 0-.5.1-.8.1H82.4s-.1 0 0 0H82c-.1 0-.3 0-.4-.1-1.1-.2-2.3-.5-3.4-1s-2.2-1.2-3.1-2.1c-1-.9-1.8-1.9-2.5-3.1-.7-1.2-1.1-2.5-1.3-3.8-.1-.7-.2-1.4-.1-2.1v-.6c0 .1 0 0 0 0v-.5c0-.4.1-.7.2-1.1.5-3 2-5.9 4.3-8.1.6-.6 1.2-1.1 1.9-1.5.7-.5 1.4-.9 2.1-1.2.7-.3 1.5-.6 2.3-.8s1.6-.4 2.4-.4c.4 0 .8-.1 1.2-.1h.8c.1 0 0 0 0 0h.4c.9.1 1.8.2 2.6.4 1.7.4 3.4 1 5 1.9 3.2 1.8 5.9 4.5 7.5 7.8.8 1.6 1.4 3.4 1.7 5.3.1.5.1.9.2 1.4V68c0 .5-.1 1-.1 1.5-.1.5-.1 1-.2 1.5l-.3 1.5c-.2 1-.6 1.9-.9 2.9-.7 1.9-1.7 3.7-2.9 5.3-2.4 3.3-5.7 6-9.4 7.7-1.9.8-3.8 1.5-5.8 1.8-1 .2-2 .3-3 .3h-1.5c.1 0 0 0 0 0h-.1c-.5 0-1.1 0-1.6-.1-2.2-.2-4.3-.6-6.4-1.2-2.1-.6-4.1-1.4-6-2.4-3.8-2-7.2-4.9-9.9-8.2-1.3-1.7-2.5-3.5-3.5-5.4s-1.7-3.9-2.3-5.9c-.6-2-.9-4.1-1-6.2V58c0-1 .1-2.1.3-3.2.1-1.1.3-2.1.5-3.2s.5-2.1.8-3.2c.6-2.1 1.3-4.1 2.2-6 1.8-3.8 4.1-7.2 6.8-9.9.7-.7 1.4-1.3 2.2-1.9.3-.3 1-.9 1.8-1.4.8-.5 1.6-1 2.5-1.4.4-.2.8-.4 1.3-.6.2-.1.4-.2.7-.3.2-.1.4-.2.7-.3.9-.4 1.8-.7 2.7-1 .2-.1.5-.1.7-.2.2-.1.5-.1.7-.2.5-.1.9-.2 1.4-.4.2-.1.5-.1.7-.2.2 0 .5-.1.7-.1.2 0 .5-.1.7-.1l.4-.1.4-.1c.2 0 .5-.1.7-.1.3 0 .5-.1.8-.1.2 0 .6-.1.8-.1.2 0 .3 0 .5-.1h.7c.3 0 .5 0 .8-.1h.4s.1 0 0 0h3.7c1.8.1 3.6.3 5.3.6 3.4.6 6.7 1.7 9.6 3.2 2.9 1.4 5.6 3.2 7.8 5.1.1.1.3.2.4.4.1.1.3.2.4.4.3.2.5.5.8.7.3.2.5.5.8.7.2.3.5.5.7.8 1 1 1.9 2.1 2.7 3.1 1.6 2.1 2.9 4.2 3.9 6.2.1.1.1.2.2.4.1.1.1.2.2.4s.2.5.4.7c.1.2.2.5.3.7.1.2.2.5.3.7.4.9.7 1.8 1 2.7.5 1.4.8 2.6 1.1 3.6.1.4.5.7.9.7.5 0 .8-.4.8-.9-.1-1.2-.1-2.5-.2-4z" style="fill:url(#grafana_gradient)"/></svg>
diff --git a/src/assets/techs/graylog.svg b/src/assets/techs/graylog.svg
index d9a817f..44c584a 100644
--- a/src/assets/techs/graylog.svg
+++ b/src/assets/techs/graylog.svg
@@ -1,4 +1,4 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="3.28 9.02 64 64">
+<svg class="tech-icon" xmlns="http://www.w3.org/2000/svg" viewBox="3.28 9.02 64 64">
   <path
     d="M35.655 10.147c-17.417-.3-32.068 13.156-32.367 29.9-.374 18.1 12.708 31.62 30.872 31.844 19.136.3 32.816-12.26 33.115-30.35.3-17.268-13.53-31.022-31.62-31.396zm-.374 52.177c-11.213 0-20.93-9.718-21.08-20.93-.15-11.886 9.27-21.528 21.08-21.528 11.587 0 21.08 9.42 21.08 21.155 0 11.362-9.792 21.38-21.08 21.304z"
     fill="#03c3ff" />
diff --git a/src/assets/techs/gulp.svg b/src/assets/techs/gulp.svg
index 150cfe9..51465ca 100755
--- a/src/assets/techs/gulp.svg
+++ b/src/assets/techs/gulp.svg
@@ -1,4 +1,4 @@
-<svg viewBox="-155 0 566 566" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid">
+<svg class="tech-icon" viewBox="-155 0 566 566" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid">
   <path d="m197.28 548.749 5.427-90.43 14.985-25.58s-34.106 13.952-91.205 13.952c-57.1 0-90.689-13.694-90.689-13.694l16.794 27.904 5.941 87.848c0 9.418 31.059 17.052 69.374 17.052 38.313 0 69.373-7.634 69.373-17.052M180.161 126.454l11.391-45.025 63.081-66.376L238.007.892l-66.784 70.707-13.226 53.793a886.14 886.14 0 0 0-29.873-.497c-70.336 0-127.355 8.016-127.355 17.902 0 9.887 57.019 17.902 127.355 17.902 70.335 0 127.353-8.015 127.353-17.902 0-7.28-30.924-13.546-75.316-16.343" fill="#D34A47"/>
   <path d="M173.535 151.669s-2.467.553-9.724.584c-7.259.03-12.413-.047-14.466-1.917-.552-.502-.854-1.499-.851-2.174.006-1.285.918-2.042 2.08-2.516l1.099 1.724c-.478.165-.751.36-.752.568-.004.976 7.422 1.644 13.102 1.572 5.681-.07 12.545-.538 12.551-1.5 0-.291-.519-.565-1.422-.781l1.094-1.712c1.472.457 2.757 1.34 2.754 2.868-.014 2.598-3.32 2.993-5.465 3.284" fill="#FFF"/>
   <path d="M254.509 15.184c1.586-1.832-.821-6.518-5.376-10.465C244.576.774 239.596-.94 238.007.892c-1.587 1.832.821 6.518 5.378 10.463 4.555 3.946 9.537 5.662 11.124 3.829M194.246 327.865c-1.495-14.384 31.462-35.216 23.004-35.883-18.208 1.041-27.27 21.338-36.431 42.596-3.357 7.791-14.844 41.013-22.378 36.923-7.532-4.088 9.765-31.407 14.613-47.631-5.594 4.102-26.109 20.041-31.396 5.114-8.5 7.219-26.663 11.13-24.614-7.833-4.522 8.01-14.671 19.193-26.853 14.546-15.998-6.101 9.27-57.062 15.553-54.491 6.284 2.57-1.268 14.179-3.246 18.687-4.35 9.921-9.375 22.393-6.018 24.946 5.751 4.374 21.401-16.547 21.749-17.007 2.927-3.867 11.266-29.166 17.987-26.261 6.721 2.905-16.764 36.308-7.983 42.937 1.771 1.338 9.017-.825 13.425-5.594 2.852-3.085 1.871-9.918 11.378-32.59 9.507-22.671 17.98-50.905 24.5-48.754 6.52 2.15 1.146 16.641-1.193 22.043-10.976 25.354-29.956 67.241-21.005 64.07 8.951-3.17 13.612-3.356 22.377-13.613 8.765-10.257 8.361-27.152 14.203-26.793 5.844.36 4.863 5.777 3.446 9.902 5.75-6.58 27.256-20.438 32.448-6.713 6.15 16.249-30.769 39.72-21.564 38.523 8.975-1.167 23.515-10.376 29.723-18.749l17.088-153.626s-17.195 14.23-126.589 14.23c-109.395 0-124.811-13.934-124.811-13.934l14.548 140.224c7.722-21.947 26.059-66.339 54.963-64.849 13.148.678 30.7 25.995 15.665 26.853-6.364.362-7.01-12.637-14.546-14.546-5.438-1.378-13.009 3.043-17.902 7.833-9.758 9.55-30.745 47.229-27.972 66.014 3.533 23.949 33.048-8.322 38.042-17.903 3.517-6.749 5.893-26.745 13.585-24.647 7.693 2.098-.671 22.734-6.247 40.979-6.264 20.487-9.557 42.098-17.408 39.612-7.852-2.484 4.938-28.932 4.475-33.566-7.38 6.809-20.976 24.047-38.37 15.515l9.035 87.078s24.013 18.973 96.35 18.973c72.337 0 97.239-18.677 97.239-18.677l11.219-100.857c-9.179 8.938-38.229 24.81-40.089 6.919" fill="#D34A47"/>
diff --git a/src/assets/techs/hp.svg b/src/assets/techs/hp.svg
index 8642127..40da319 100644
--- a/src/assets/techs/hp.svg
+++ b/src/assets/techs/hp.svg
@@ -1,3 +1,3 @@
-<svg xmlns="http://www.w3.org/2000/svg" aria-label="HP" role="img" viewBox="0 0 512 512">
+<svg class="tech-icon" xmlns="http://www.w3.org/2000/svg" aria-label="HP" role="img" viewBox="0 0 512 512">
   <path fill="#0096d6" d="M256 64c-2.9 0-5.8 0-8.6.2l-39.3 108h34.2c20.3 0 31.3 15.6 24.3 34.8l-48.4 133h-40.7l52-142.6H199L147 340h-40.6l61-168 36.9-101a192 192 0 0 0 7.2 371.7l35.7-98 62.8-172.7h75c20.3 0 31.3 15.7 24.3 34.9l-42.5 116.9a26.5 26.5 0 0 1-23.2 16.2h-54l-39.2 107.8 5.7.1a192 192 0 0 0 0-384zm85.6 133.3l-42.8 117.4h30.6l42.8-117.4z"/>
 </svg>
diff --git a/src/assets/techs/html.svg b/src/assets/techs/html.svg
index d603733..35a5756 100755
--- a/src/assets/techs/html.svg
+++ b/src/assets/techs/html.svg
@@ -1,4 +1,4 @@
-<svg viewBox="-52.5 0 361 361" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMinYMin meet">
+<svg class="tech-icon" viewBox="-52.5 0 361 361" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMinYMin meet">
   <path d="m255.555 70.766-23.241 260.36-104.47 28.962-104.182-28.922L.445 70.766h255.11z" fill="#E44D26"/>
   <path d="m128 337.95 84.417-23.403 19.86-222.49H128V337.95z" fill="#F16529"/>
   <path d="M82.82 155.932H128v-31.937H47.917l.764 8.568 7.85 88.01H128v-31.937H85.739l-2.919-32.704zm7.198 80.61h-32.06l4.474 50.146 65.421 18.16.147-.04V271.58l-.14.037-35.568-9.604-2.274-25.471z" fill="#EBEBEB"/>
diff --git a/src/assets/techs/ibm.svg b/src/assets/techs/ibm.svg
index 78a561b..2815ff2 100644
--- a/src/assets/techs/ibm.svg
+++ b/src/assets/techs/ibm.svg
@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 -200 1000 801.149"><g fill="#1F70C1"><path d="M0 373.217h194.433v27.833H0zM0 319.83h194.433v27.931H0zM55.468 266.541h83.399v27.932H55.468zM55.468 213.253h83.399v27.932H55.468zM55.468 159.964h83.399v27.932H55.468zM55.468 106.577h83.399v27.932H55.468zM0 53.288h194.433V81.22H0zM0 0h194.433v27.932H0zM222.167 347.761h299.029a99.235 99.235 0 0 0 11.094-27.932H222.167v27.932zM497.92 213.253H277.734v27.932h243.463c-6.34-10.698-14.165-20.107-23.277-27.932zM277.734 159.964v27.932H497.92c9.311-7.825 17.135-17.235 23.277-27.932H277.734zM521.197 53.288h-299.03V81.22H532.29c-2.575-9.905-6.339-19.314-11.093-27.932zM429.279 0H222.167v27.932h278.526A105.147 105.147 0 0 0 429.279 0zM277.734 106.577h83.3v27.932h-83.3zM444.433 134.509h87.163c2.476-8.914 3.764-18.324 3.764-27.932h-90.927v27.932zM277.734 266.541h83.3v27.932h-83.3zM444.433 266.541v27.932h90.927c0-9.608-1.288-19.017-3.764-27.932h-87.163zM222.167 400.852l207.112.297c27.734 0 52.793-10.697 71.513-27.932H222.167v27.635zM555.567 373.217h138.866v27.833H555.567zM555.567 319.83h138.866v27.931H555.567zM611.034 266.541h83.399v27.932h-83.399zM611.034 213.253h83.399v27.932h-83.399zM733.063 53.288H555.567V81.22H742.67zM714.639 0H555.567v27.932h168.68zM861.034 373.217H1000v27.833H861.034zM861.034 319.83H1000v27.931H861.034zM861.034 266.541h83.399v27.932h-83.399zM861.034 213.253h83.399v27.932h-83.399zM861.034 187.896h83.399v-27.932H785.559l-7.825 22.584-7.825-22.584H611.034v27.932h83.399v-25.654l8.816 25.654h148.97l8.815-25.654zM944.433 106.577H803.982l-9.608 27.932h150.059zM840.927 0l-9.608 27.932H1000V0zM777.734 400.852l9.607-27.635h-19.215zM759.311 347.761h36.846l9.905-27.931h-56.557zM740.59 294.473h74.287l9.806-27.932h-93.899zM721.969 241.185h111.628l9.509-27.932H712.361zM611.034 134.509h150.059l-9.607-27.932H611.034zM812.896 81.22H1000V53.288H822.405z"/></g></svg>
+<svg class="tech-icon" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 -200 1000 801.149"><g fill="#1F70C1"><path d="M0 373.217h194.433v27.833H0zM0 319.83h194.433v27.931H0zM55.468 266.541h83.399v27.932H55.468zM55.468 213.253h83.399v27.932H55.468zM55.468 159.964h83.399v27.932H55.468zM55.468 106.577h83.399v27.932H55.468zM0 53.288h194.433V81.22H0zM0 0h194.433v27.932H0zM222.167 347.761h299.029a99.235 99.235 0 0 0 11.094-27.932H222.167v27.932zM497.92 213.253H277.734v27.932h243.463c-6.34-10.698-14.165-20.107-23.277-27.932zM277.734 159.964v27.932H497.92c9.311-7.825 17.135-17.235 23.277-27.932H277.734zM521.197 53.288h-299.03V81.22H532.29c-2.575-9.905-6.339-19.314-11.093-27.932zM429.279 0H222.167v27.932h278.526A105.147 105.147 0 0 0 429.279 0zM277.734 106.577h83.3v27.932h-83.3zM444.433 134.509h87.163c2.476-8.914 3.764-18.324 3.764-27.932h-90.927v27.932zM277.734 266.541h83.3v27.932h-83.3zM444.433 266.541v27.932h90.927c0-9.608-1.288-19.017-3.764-27.932h-87.163zM222.167 400.852l207.112.297c27.734 0 52.793-10.697 71.513-27.932H222.167v27.635zM555.567 373.217h138.866v27.833H555.567zM555.567 319.83h138.866v27.931H555.567zM611.034 266.541h83.399v27.932h-83.399zM611.034 213.253h83.399v27.932h-83.399zM733.063 53.288H555.567V81.22H742.67zM714.639 0H555.567v27.932h168.68zM861.034 373.217H1000v27.833H861.034zM861.034 319.83H1000v27.931H861.034zM861.034 266.541h83.399v27.932h-83.399zM861.034 213.253h83.399v27.932h-83.399zM861.034 187.896h83.399v-27.932H785.559l-7.825 22.584-7.825-22.584H611.034v27.932h83.399v-25.654l8.816 25.654h148.97l8.815-25.654zM944.433 106.577H803.982l-9.608 27.932h150.059zM840.927 0l-9.608 27.932H1000V0zM777.734 400.852l9.607-27.635h-19.215zM759.311 347.761h36.846l9.905-27.931h-56.557zM740.59 294.473h74.287l9.806-27.932h-93.899zM721.969 241.185h111.628l9.509-27.932H712.361zM611.034 134.509h150.059l-9.607-27.932H611.034zM812.896 81.22H1000V53.288H822.405z"/></g></svg>
diff --git a/src/assets/techs/instagram.svg b/src/assets/techs/instagram.svg
index ac99223..5ebf420 100644
--- a/src/assets/techs/instagram.svg
+++ b/src/assets/techs/instagram.svg
@@ -1,4 +1,4 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 132.004 132">
+<svg class="tech-icon" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 132.004 132">
   <defs>
     <radialGradient xlink:href="#a-instagram" id="c-instagram" cx="158.429" cy="578.088" r="65" fx="158.429" fy="578.088" gradientTransform="matrix(0 -1.98198 1.8439 0 -1031.402 454.004)" gradientUnits="userSpaceOnUse"/>
     <radialGradient xlink:href="#b-instagram" id="d-instagram" cx="147.694" cy="473.455" r="65" fx="147.694" fy="473.455" gradientTransform="matrix(.17394 .86872 -3.5818 .71718 1648.348 -458.493)" gradientUnits="userSpaceOnUse"/>
diff --git a/src/assets/techs/intellij.svg b/src/assets/techs/intellij.svg
index 163a0ab..21cd698 100644
--- a/src/assets/techs/intellij.svg
+++ b/src/assets/techs/intellij.svg
@@ -1,4 +1,4 @@
-<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 70 70">
+<svg class="tech-icon" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 70 70">
   <linearGradient id="a-intellij" x1=".79" x2="33.317" y1="40.089" y2="40.089" gradientUnits="userSpaceOnUse">
     <stop offset=".258" stop-color="#f97a12"/>
     <stop offset=".459" stop-color="#b07b58"/>
diff --git a/src/assets/techs/java.svg b/src/assets/techs/java.svg
index ced38e9..1e2db13 100644
--- a/src/assets/techs/java.svg
+++ b/src/assets/techs/java.svg
@@ -1,5 +1,5 @@
 
-<svg viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<svg class="tech-icon" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
     <path d="M16.0497 8.44062C22.6378 3.32607 19.2566 0 19.2566 0C19.7598 5.28738 13.813 6.53583 12.2189 10.1692C11.1312 12.6485 12.9638 14.8193 16.0475 17.5554C15.7749 16.9494 15.3544 16.3606 14.9288 15.7645C13.4769 13.7313 11.9645 11.6132 16.0497 8.44062Z" fill="#F00"/>
     <path d="M17.1015 18.677C17.1015 18.677 19.0835 17.0779 17.5139 15.3008C12.1931 9.27186 23.3333 6.53583 23.3333 6.53583C16.5317 9.8125 17.5471 11.7574 19.2567 14.1202C21.0871 16.6538 17.1015 18.677 17.1015 18.677Z" fill="#F00"/>
     <path d="M22.937 23.4456C29.0423 20.3258 26.2195 17.3278 24.2492 17.7317C23.7662 17.8305 23.5509 17.9162 23.5509 17.9162C23.5509 17.9162 23.7302 17.64 24.0726 17.5204C27.9705 16.1729 30.9682 21.4949 22.8143 23.6028C22.8143 23.6029 22.9088 23.5198 22.937 23.4456Z" fill="#5382A1"/>
@@ -8,4 +8,4 @@
     <path d="M12.6145 25.6991C10.486 25.4585 11.7295 24.7474 11.7295 24.7474C6.72594 26.1222 14.7729 28.9625 21.1433 26.2777C20.0999 25.8787 19.3528 25.4181 19.3528 25.4181C16.5111 25.9469 15.1931 25.9884 12.6145 25.6991Z" fill="#5382A1"/>
     <path d="M25.9387 27.3388C25.9387 27.3388 26.8589 28.0844 24.9252 28.6612C21.2481 29.7566 9.62093 30.0874 6.39094 28.7049C5.22984 28.2082 7.40723 27.5189 8.09215 27.3742C8.80646 27.2219 9.21466 27.2503 9.21466 27.2503C7.9234 26.3558 0.868489 29.0067 5.63111 29.7659C18.6195 31.8372 29.3077 28.8331 25.9387 27.3388Z" fill="#5382A1"/>
     <path d="M28 28.9679C27.7869 31.6947 18.7877 32.2683 12.9274 31.8994C9.10432 31.6583 8.33812 31.0558 8.32691 31.047C11.9859 31.6402 18.1549 31.7482 23.1568 30.8225C27.5903 30.0016 28 28.9679 28 28.9679Z" fill="#5382A1"/>
-</svg>
\ No newline at end of file
+</svg>
diff --git a/src/assets/techs/javascript.svg b/src/assets/techs/javascript.svg
index 7424082..3b7f050 100755
--- a/src/assets/techs/javascript.svg
+++ b/src/assets/techs/javascript.svg
@@ -1,4 +1,4 @@
-<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+<svg class="tech-icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
   <g fill="none" fill-rule="evenodd">
     <path fill="#F1DC50" d="M0 0h24v24H0z"/>
     <path stroke="#333" stroke-width="2" d="M12 11v8c0 .876-.523 2-2 2-2.385 0-2.5-2-2.5-2m13.29-5.484c-.6-1.01-1.396-1.516-2.386-1.516C16.856 12 16 13 16 14s.5 2 2.508 2.5c1.278.318 2.492 1 2.492 2.5s-1.315 2-2.5 2c-1.514 0-2.514-.667-3-2"/>
diff --git a/src/assets/techs/jest.svg b/src/assets/techs/jest.svg
index 905ed43..c7db9f3 100755
--- a/src/assets/techs/jest.svg
+++ b/src/assets/techs/jest.svg
@@ -1 +1 @@
-<svg viewBox="-13.5 0 283 283" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid"><path d="M239.553 138.96c0-14.508-11.762-26.27-26.27-26.27-.934 0-1.854.05-2.762.146l36.082-106.42H93.267l36.032 106.327a26.318 26.318 0 0 0-1.597-.052c-14.508 0-26.27 11.76-26.27 26.27 0 11.727 7.686 21.656 18.293 25.034-5.602 9.704-12.652 18.445-20.656 25.997-10.884 10.267-23.34 18.053-36.812 22.85-16.04-8.24-23.614-26.565-16.78-42.632.772-1.815 1.56-3.654 2.313-5.485 11.62-2.712 20.28-13.129 20.28-25.576 0-14.509-11.762-26.27-26.271-26.27s-26.27 11.761-26.27 26.27c0 8.897 4.426 16.756 11.193 21.508-6.502 14.804-16.06 30.298-19.038 48.255-3.569 21.52-.012 44.364 18.601 57.265 43.348 30.044 90.402-18.625 140.014-30.86 17.98-4.433 37.717-3.719 53.558-12.893 11.896-6.89 19.739-18.309 21.964-31.128 2.2-12.664-1.006-25.273-8.378-35.497a26.158 26.158 0 0 0 6.11-16.839" fill="#99425B"/><path d="M235.5 190.198c-1.932 11.13-8.806 20.851-18.858 26.674-9.371 5.427-20.6 7.047-32.49 8.761-6.369.918-12.955 1.869-19.389 3.455-17.012 4.195-33.49 12.38-49.424 20.295-31.89 15.84-59.43 29.518-85.398 11.52-19.022-13.183-18.144-37.575-15.928-50.941 2.054-12.384 7.607-23.789 12.976-34.818a796.621 796.621 0 0 0 2.722-5.634 32.453 32.453 0 0 0 8.443 2.118c-5.466 18.039 3.13 37.653 21.171 46.921l2.47 1.269 2.614-.931c14.263-5.08 27.406-13.23 39.063-24.229 7.535-7.109 14.014-14.974 19.339-23.378a32.8 32.8 0 0 0 4.891.367c16.559 0 30.271-12.379 32.393-28.367 6.778-.248 13.977-.25 20.794-.002 2.12 15.99 15.834 28.37 32.393 28.37 6.924 0 13.346-2.17 18.637-5.856 3.673 7.519 5.044 15.979 3.581 24.406ZM41.8 119.295c10.948 0 19.854 8.907 19.854 19.855 0 3.932-1.154 7.599-3.135 10.687-3.3 5.147-8.91 8.675-15.355 9.115-.451.03-.906.052-1.364.052-2.44 0-4.777-.445-6.938-1.253a19.967 19.967 0 0 1-10.305-8.777 19.725 19.725 0 0 1-2.612-9.824c0-10.948 8.907-19.855 19.855-19.855Zm66.049 19.666c0-9.947 7.353-18.206 16.907-19.634.962-.145 1.946-.22 2.947-.22 6.365 0 12.032 3.015 15.666 7.687a19.88 19.88 0 0 1 2.318 3.765 19.73 19.73 0 0 1 1.87 8.402c0 1.587-.192 3.13-.545 4.61-1.935 8.1-8.842 14.292-17.306 15.144-.658.066-1.326.1-2.003.1a19.734 19.734 0 0 1-10.76-3.181c-5.466-3.541-9.094-9.69-9.094-16.673Zm82.865-23.61a32.721 32.721 0 0 0-8.991 15.117 304.792 304.792 0 0 0-22.458 0c-1.68-6.232-5.162-11.73-9.847-15.906l20.545-41.542 20.751 42.332ZM102.216 12.834h135.437l-31.989 94.345a32.479 32.479 0 0 0-4.051 1.255l-31.6-64.463-31.69 64.078a32.502 32.502 0 0 0-4.226-1.139l-31.881-94.076Zm130.92 126.128c0 1.99-.297 3.912-.844 5.727a19.933 19.933 0 0 1-7.653 10.545 19.74 19.74 0 0 1-11.357 3.582c-9.167 0-16.9-6.247-19.174-14.707a19.803 19.803 0 0 1-.68-5.147c0-2.714.548-5.302 1.538-7.66a19.848 19.848 0 0 1 1.878-3.442c3.573-5.274 9.602-8.752 16.438-8.752.627 0 1.245.032 1.858.09 10.08.939 17.997 9.442 17.997 19.764Zm12.833 0c0-15.958-11.498-29.273-26.642-32.117L255.553 0H84.318L120.6 107.061c-14.618 3.253-25.583 16.316-25.583 31.9 0 11.702 6.184 21.98 15.452 27.756-4.458 6.642-9.744 12.892-15.802 18.608-9.608 9.063-20.311 15.937-31.85 20.46-11.623-7.301-16.536-21.07-11.434-33.064l.4-.94.75-1.764c12.766-4.453 21.953-16.603 21.953-30.867 0-18.024-14.663-32.687-32.686-32.687-18.024 0-32.687 14.663-32.687 32.687 0 9.097 3.74 17.335 9.758 23.267a552.73 552.73 0 0 1-3.418 7.11c-5.503 11.301-11.739 24.11-14.098 38.335-4.684 28.25 2.872 50.833 21.277 63.588 11.168 7.74 22.51 10.784 33.923 10.784 21.49 0 43.23-10.797 64.493-21.359 15.313-7.605 31.148-15.47 46.789-19.328 5.82-1.435 11.808-2.299 18.148-3.213 12.573-1.814 25.573-3.689 37.089-10.358 13.349-7.732 22.486-20.702 25.07-35.582 2.218-12.775-.451-25.57-6.961-36.422a32.488 32.488 0 0 0 4.787-17.011Z" fill="#FFF"/></svg>
+<svg class="tech-icon" viewBox="-13.5 0 283 283" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid"><path d="M239.553 138.96c0-14.508-11.762-26.27-26.27-26.27-.934 0-1.854.05-2.762.146l36.082-106.42H93.267l36.032 106.327a26.318 26.318 0 0 0-1.597-.052c-14.508 0-26.27 11.76-26.27 26.27 0 11.727 7.686 21.656 18.293 25.034-5.602 9.704-12.652 18.445-20.656 25.997-10.884 10.267-23.34 18.053-36.812 22.85-16.04-8.24-23.614-26.565-16.78-42.632.772-1.815 1.56-3.654 2.313-5.485 11.62-2.712 20.28-13.129 20.28-25.576 0-14.509-11.762-26.27-26.271-26.27s-26.27 11.761-26.27 26.27c0 8.897 4.426 16.756 11.193 21.508-6.502 14.804-16.06 30.298-19.038 48.255-3.569 21.52-.012 44.364 18.601 57.265 43.348 30.044 90.402-18.625 140.014-30.86 17.98-4.433 37.717-3.719 53.558-12.893 11.896-6.89 19.739-18.309 21.964-31.128 2.2-12.664-1.006-25.273-8.378-35.497a26.158 26.158 0 0 0 6.11-16.839" fill="#99425B"/><path d="M235.5 190.198c-1.932 11.13-8.806 20.851-18.858 26.674-9.371 5.427-20.6 7.047-32.49 8.761-6.369.918-12.955 1.869-19.389 3.455-17.012 4.195-33.49 12.38-49.424 20.295-31.89 15.84-59.43 29.518-85.398 11.52-19.022-13.183-18.144-37.575-15.928-50.941 2.054-12.384 7.607-23.789 12.976-34.818a796.621 796.621 0 0 0 2.722-5.634 32.453 32.453 0 0 0 8.443 2.118c-5.466 18.039 3.13 37.653 21.171 46.921l2.47 1.269 2.614-.931c14.263-5.08 27.406-13.23 39.063-24.229 7.535-7.109 14.014-14.974 19.339-23.378a32.8 32.8 0 0 0 4.891.367c16.559 0 30.271-12.379 32.393-28.367 6.778-.248 13.977-.25 20.794-.002 2.12 15.99 15.834 28.37 32.393 28.37 6.924 0 13.346-2.17 18.637-5.856 3.673 7.519 5.044 15.979 3.581 24.406ZM41.8 119.295c10.948 0 19.854 8.907 19.854 19.855 0 3.932-1.154 7.599-3.135 10.687-3.3 5.147-8.91 8.675-15.355 9.115-.451.03-.906.052-1.364.052-2.44 0-4.777-.445-6.938-1.253a19.967 19.967 0 0 1-10.305-8.777 19.725 19.725 0 0 1-2.612-9.824c0-10.948 8.907-19.855 19.855-19.855Zm66.049 19.666c0-9.947 7.353-18.206 16.907-19.634.962-.145 1.946-.22 2.947-.22 6.365 0 12.032 3.015 15.666 7.687a19.88 19.88 0 0 1 2.318 3.765 19.73 19.73 0 0 1 1.87 8.402c0 1.587-.192 3.13-.545 4.61-1.935 8.1-8.842 14.292-17.306 15.144-.658.066-1.326.1-2.003.1a19.734 19.734 0 0 1-10.76-3.181c-5.466-3.541-9.094-9.69-9.094-16.673Zm82.865-23.61a32.721 32.721 0 0 0-8.991 15.117 304.792 304.792 0 0 0-22.458 0c-1.68-6.232-5.162-11.73-9.847-15.906l20.545-41.542 20.751 42.332ZM102.216 12.834h135.437l-31.989 94.345a32.479 32.479 0 0 0-4.051 1.255l-31.6-64.463-31.69 64.078a32.502 32.502 0 0 0-4.226-1.139l-31.881-94.076Zm130.92 126.128c0 1.99-.297 3.912-.844 5.727a19.933 19.933 0 0 1-7.653 10.545 19.74 19.74 0 0 1-11.357 3.582c-9.167 0-16.9-6.247-19.174-14.707a19.803 19.803 0 0 1-.68-5.147c0-2.714.548-5.302 1.538-7.66a19.848 19.848 0 0 1 1.878-3.442c3.573-5.274 9.602-8.752 16.438-8.752.627 0 1.245.032 1.858.09 10.08.939 17.997 9.442 17.997 19.764Zm12.833 0c0-15.958-11.498-29.273-26.642-32.117L255.553 0H84.318L120.6 107.061c-14.618 3.253-25.583 16.316-25.583 31.9 0 11.702 6.184 21.98 15.452 27.756-4.458 6.642-9.744 12.892-15.802 18.608-9.608 9.063-20.311 15.937-31.85 20.46-11.623-7.301-16.536-21.07-11.434-33.064l.4-.94.75-1.764c12.766-4.453 21.953-16.603 21.953-30.867 0-18.024-14.663-32.687-32.686-32.687-18.024 0-32.687 14.663-32.687 32.687 0 9.097 3.74 17.335 9.758 23.267a552.73 552.73 0 0 1-3.418 7.11c-5.503 11.301-11.739 24.11-14.098 38.335-4.684 28.25 2.872 50.833 21.277 63.588 11.168 7.74 22.51 10.784 33.923 10.784 21.49 0 43.23-10.797 64.493-21.359 15.313-7.605 31.148-15.47 46.789-19.328 5.82-1.435 11.808-2.299 18.148-3.213 12.573-1.814 25.573-3.689 37.089-10.358 13.349-7.732 22.486-20.702 25.07-35.582 2.218-12.775-.451-25.57-6.961-36.422a32.488 32.488 0 0 0 4.787-17.011Z" fill="#FFF"/></svg>
diff --git a/src/assets/techs/jetbrains.svg b/src/assets/techs/jetbrains.svg
index 5f788e0..679eab4 100644
--- a/src/assets/techs/jetbrains.svg
+++ b/src/assets/techs/jetbrains.svg
@@ -1,4 +1,4 @@
-<svg fill="none" viewBox="0 0 64 64" class="_siteLogo__image_3fer6 _siteLogo__image_il5wq">
+<svg class="tech-icon" fill="none" viewBox="0 0 64 64" class="_siteLogo__image_3fer6 _siteLogo__image_il5wq">
   <defs>
     <linearGradient id="__WEBTEAM_UI_SITE_HEADER_LOGO_ID__0" x1="1" x2="62.75" y1="63" y2="1.25"
       gradientUnits="userSpaceOnUse">
diff --git a/src/assets/techs/kalilinux.svg b/src/assets/techs/kalilinux.svg
index 8d821d0..b1c6a27 100644
--- a/src/assets/techs/kalilinux.svg
+++ b/src/assets/techs/kalilinux.svg
@@ -1,4 +1,4 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+<svg class="tech-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
   <path
     fill="var(--vtl-background-svg"
     d="M12.778 5.943s-1.97-.13-5.327.92c-3.42 1.07-5.36 2.587-5.36 2.587s5.098-2.847 10.852-3.008zm7.351 3.095.257-.017s-1.468-1.78-4.278-2.648c1.58.642 2.954 1.493 4.021 2.665zm.42.74c.039-.068.166.217.263.337.004.024.01.039-.045.027-.005-.025-.013-.032-.013-.032s-.135-.08-.177-.137c-.041-.057-.049-.157-.028-.195zm3.448 8.479s.312-3.578-5.31-4.403a18.277 18.277 0 0 0-2.524-.187c-4.506.06-4.67-5.197-1.275-5.462 1.407-.116 3.087.643 4.73 1.408-.007.204.002.385.136.552.134.168.648.35.813.445.164.094.691.43 1.014.85.07-.131.654-.512.654-.512s-.14.003-.465-.119c-.326-.122-.713-.49-.722-.511-.01-.022-.015-.055.06-.07.059-.049-.072-.207-.13-.265-.058-.058-.445-.716-.454-.73-.009-.016-.012-.031-.04-.05-.085-.027-.46.04-.46.04s-.575-.283-.774-.893c.003.107-.099.224 0 .469-.3-.127-.558-.344-.762-.88-.12.305 0 .499 0 .499s-.707-.198-.82-.85c-.124.293 0 .469 0 .469s-1.153-.602-3.069-.61c-1.283-.118-1.55-2.374-1.43-2.754 0 0-1.85-.975-5.493-1.406-3.642-.43-6.628-.065-6.628-.065s6.45-.31 11.617 1.783c.176.785.704 2.094.989 2.723-.815.563-1.733 1.092-1.876 2.97-.143 1.878 1.472 3.53 3.474 3.58 1.9.102 3.214.116 4.806.942 1.52.84 2.766 3.4 2.89 5.703.132-1.709-.509-5.383-3.5-6.498 4.181.732 4.549 3.832 4.549 3.832zM12.68 5.663l-.15-.485s-2.484-.441-5.822-.204C3.37 5.211 0 6.38 0 6.38s6.896-1.735 12.68-.717z" />
diff --git a/src/assets/techs/karma.svg b/src/assets/techs/karma.svg
index b3f8831..aeb3508 100755
--- a/src/assets/techs/karma.svg
+++ b/src/assets/techs/karma.svg
@@ -1 +1 @@
-<svg viewBox="0 -29 256 256" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid"><path d="m154.565 138.602 39.246 58.547h62.043l-70.31-103.883-30.979 45.336M29.492 169.994l28.736-27.07 45.942 54.225L74.678 88.375l-24.9 40.962-20.286 40.657" fill="#429F87"/><path d="m29.492 169.994 45.186-81.62-28.728 27.084L0 61.23l29.492 108.764M249.938.603h-62.043l-37.999 56.144V.603H92.985v58.229l30.344 111.834 7.071 26.483h19.496v-49.138L249.938.603" fill="#56C5A8"/></svg>
+<svg class="tech-icon" viewBox="0 -29 256 256" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid"><path d="m154.565 138.602 39.246 58.547h62.043l-70.31-103.883-30.979 45.336M29.492 169.994l28.736-27.07 45.942 54.225L74.678 88.375l-24.9 40.962-20.286 40.657" fill="#429F87"/><path d="m29.492 169.994 45.186-81.62-28.728 27.084L0 61.23l29.492 108.764M249.938.603h-62.043l-37.999 56.144V.603H92.985v58.229l30.344 111.834 7.071 26.483h19.496v-49.138L249.938.603" fill="#56C5A8"/></svg>
diff --git a/src/assets/techs/kotlin.svg b/src/assets/techs/kotlin.svg
index 24605fb..aceb393 100644
--- a/src/assets/techs/kotlin.svg
+++ b/src/assets/techs/kotlin.svg
@@ -1,4 +1,4 @@
-<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 48 48">
+<svg class="tech-icon" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 48 48">
   <defs>
     <radialGradient id="a-kotlin" cx="0" cy="0" r="1" gradientTransform="matrix(-48 0 0 -48 48 0)"
       gradientUnits="userSpaceOnUse">
diff --git a/src/assets/techs/kubernets.svg b/src/assets/techs/kubernets.svg
index 2a0082a..601c426 100644
--- a/src/assets/techs/kubernets.svg
+++ b/src/assets/techs/kubernets.svg
@@ -1,4 +1,4 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 722.846 701.966">
+<svg class="tech-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 722.846 701.966">
   <path fill="#326ce5"
     d="M358.986 10.06a46.725 46.342 0 0 0-17.906 4.531L96.736 131.341a46.725 46.342 0 0 0-25.28 31.438l-60.282 262.25a46.725 46.342 0 0 0 6.344 35.531 46.725 46.342 0 0 0 2.656 3.688l169.125 210.28a46.725 46.342 0 0 0 36.531 17.438l271.219-.062a46.725 46.342 0 0 0 36.531-17.406l169.063-210.313a46.725 46.342 0 0 0 9.03-39.219L651.3 162.716a46.725 46.342 0 0 0-25.281-31.437L381.643 14.59a46.725 46.342 0 0 0-22.657-4.53z" />
   <path fill="#fff" stroke="#fff" stroke-width=".25"
diff --git a/src/assets/techs/less.svg b/src/assets/techs/less.svg
index 861d281..d7bc09f 100755
--- a/src/assets/techs/less.svg
+++ b/src/assets/techs/less.svg
@@ -1 +1 @@
-<svg viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"><defs><linearGradient id="a" x1="-3.609" y1="-492.685" x2="-3.609" y2="-480.271" gradientTransform="translate(19.712 502.891)" gradientUnits="userSpaceOnUse"><stop offset=".15" stop-color="#2a4f84"/><stop offset=".388" stop-color="#294e82"/><stop offset="1" stop-color="#172e4e"/></linearGradient></defs><path d="M28.559 20.226a2.4 2.4 0 0 1-2.394 2.394H6.04a2.4 2.4 0 0 1-2.394-2.394V12.6a2.4 2.4 0 0 1 2.394-2.394h20.125a2.4 2.4 0 0 1 2.394 2.394Z" style="fill:url(#a)"/><path d="M24.349 16.25a1.972 1.972 0 0 1 1.578 1.891 1.69 1.69 0 0 1-.653 1.4 2.934 2.934 0 0 1-1.862.559 4.558 4.558 0 0 1-2.241-.618 1.986 1.986 0 0 1 .16-.669 1.83 1.83 0 0 1 .35-.576 3.7 3.7 0 0 0 1.649.493.965.965 0 0 0 .51-.112.339.339 0 0 0 .178-.3q0-.353-.546-.529l-.653-.247q-1.482-.54-1.482-1.762a1.753 1.753 0 0 1 .623-1.416 2.587 2.587 0 0 1 1.678-.648 5.094 5.094 0 0 1 1.15.147 4.555 4.555 0 0 1 1.032.472 1.668 1.668 0 0 1-.13.722 1.22 1.22 0 0 1-.38.558 4.261 4.261 0 0 0-1.66-.446.544.544 0 0 0-.362.106.338.338 0 0 0-.124.27q0 .282.451.446l.736.259ZM19.1 16.25a1.972 1.972 0 0 1 1.577 1.891 1.691 1.691 0 0 1-.652 1.4 2.937 2.937 0 0 1-1.862.559 4.56 4.56 0 0 1-2.241-.618 1.981 1.981 0 0 1 .16-.669 1.821 1.821 0 0 1 .35-.576 3.7 3.7 0 0 0 1.649.493.963.963 0 0 0 .51-.112.34.34 0 0 0 .178-.3q0-.353-.546-.529l-.653-.247q-1.482-.54-1.482-1.762a1.752 1.752 0 0 1 .623-1.416 2.585 2.585 0 0 1 1.677-.648 5.088 5.088 0 0 1 1.15.147 4.552 4.552 0 0 1 1.032.472 1.668 1.668 0 0 1-.13.722 1.22 1.22 0 0 1-.38.558 4.263 4.263 0 0 0-1.661-.446.543.543 0 0 0-.362.106.339.339 0 0 0-.124.27q0 .282.451.446l.736.259ZM15.264 16.333a2.822 2.822 0 0 0-.172-1 2.239 2.239 0 0 0-.492-.787 2.28 2.28 0 0 0-.777-.517 2.737 2.737 0 0 0-1.026-.314 2.8 2.8 0 0 0-1.18.361 2.256 2.256 0 0 0-.83.646 2.765 2.765 0 0 0-.487.969 4.4 4.4 0 0 0-.16 1.216 5.681 5.681 0 0 0 .13 1.257 2.628 2.628 0 0 0 .445 1 2.107 2.107 0 0 0 .818.657 2.935 2.935 0 0 0 1.251.277 3.952 3.952 0 0 0 2.324-.712 1.865 1.865 0 0 0-.484-1.081 6.188 6.188 0 0 1-.857.262 3.208 3.208 0 0 1-.656.079 1.017 1.017 0 0 1-.815-.29 1.187 1.187 0 0 1-.271-.77h3.083a4.447 4.447 0 0 0 .156-1.253Zm-3.248.081a2.433 2.433 0 0 1 .218-1 .632.632 0 0 1 .559-.264.66.66 0 0 1 .582.282 1.749 1.749 0 0 1 .194.856v.13h-1.553Z" style="fill:#f6f6f6"/><path d="M29.18 17.2a1.605 1.605 0 0 0-.53 1.265v2.051a1.81 1.81 0 0 1-.683 1.557 2.8 2.8 0 0 1-1.654.549h-.373v-1.028a1.241 1.241 0 0 0 .595-.334 1.369 1.369 0 0 0 .419-1.047v-1.657a2.545 2.545 0 0 1 .257-1.323 2.5 2.5 0 0 1 1.2-.838 2.528 2.528 0 0 1-1.324-1.179 2.956 2.956 0 0 1-.135-1.165v-1.518a1.458 1.458 0 0 0-.366-1.054 1.152 1.152 0 0 0-.648-.314v-.96h.928a1.676 1.676 0 0 1 1.023.442 2 2 0 0 1 .673 1.009 2.33 2.33 0 0 1 .086.7v1.757a1.846 1.846 0 0 0 .5 1.383 2.113 2.113 0 0 0 .854.479v.794a1.943 1.943 0 0 0-.82.426ZM5.594 10.206H5.26a1.673 1.673 0 0 0-1.023.442 1.71 1.71 0 0 0-.673 1.009 3.531 3.531 0 0 0-.038.7v1.757a1.867 1.867 0 0 1-.545 1.386 2.847 2.847 0 0 1-.981.477v.793a2.552 2.552 0 0 1 .947.426 1.638 1.638 0 0 1 .577 1.265v2.051a1.781 1.781 0 0 0 .636 1.558 2.8 2.8 0 0 0 1.654.55h.421v-1.026a1.47 1.47 0 0 1-.643-.334 1.355 1.355 0 0 1-.371-1.047v-1.656a2.516 2.516 0 0 0-.305-1.323 2.5 2.5 0 0 0-1.2-.838 2.529 2.529 0 0 0 1.324-1.178 2.857 2.857 0 0 0 .183-1.165v-1.519a1.462 1.462 0 0 1 .317-1.054 1.313 1.313 0 0 1 .575-.271h.428v-1.003h-.949Z" style="fill:#f6f6f6;stroke:#404040;stroke-miterlimit:10;stroke-width:.25px"/><path d="M9.537 18.529h-.32c-.348 0-.479-.183-.479-.551v-6.759a1.256 1.256 0 0 0-.268-.856c-.15-.164-.411-.162-.783-.162H6.879v8.106a1.875 1.875 0 0 0 .352 1.24 1.441 1.441 0 0 0 1.145.393 7.859 7.859 0 0 0 1.269-.118 2.23 2.23 0 0 0 .036-.509 2.278 2.278 0 0 0-.142-.782Z" style="fill:#f6f6f6"/></svg>
+<svg class="tech-icon" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"><defs><linearGradient id="a" x1="-3.609" y1="-492.685" x2="-3.609" y2="-480.271" gradientTransform="translate(19.712 502.891)" gradientUnits="userSpaceOnUse"><stop offset=".15" stop-color="#2a4f84"/><stop offset=".388" stop-color="#294e82"/><stop offset="1" stop-color="#172e4e"/></linearGradient></defs><path d="M28.559 20.226a2.4 2.4 0 0 1-2.394 2.394H6.04a2.4 2.4 0 0 1-2.394-2.394V12.6a2.4 2.4 0 0 1 2.394-2.394h20.125a2.4 2.4 0 0 1 2.394 2.394Z" style="fill:url(#a)"/><path d="M24.349 16.25a1.972 1.972 0 0 1 1.578 1.891 1.69 1.69 0 0 1-.653 1.4 2.934 2.934 0 0 1-1.862.559 4.558 4.558 0 0 1-2.241-.618 1.986 1.986 0 0 1 .16-.669 1.83 1.83 0 0 1 .35-.576 3.7 3.7 0 0 0 1.649.493.965.965 0 0 0 .51-.112.339.339 0 0 0 .178-.3q0-.353-.546-.529l-.653-.247q-1.482-.54-1.482-1.762a1.753 1.753 0 0 1 .623-1.416 2.587 2.587 0 0 1 1.678-.648 5.094 5.094 0 0 1 1.15.147 4.555 4.555 0 0 1 1.032.472 1.668 1.668 0 0 1-.13.722 1.22 1.22 0 0 1-.38.558 4.261 4.261 0 0 0-1.66-.446.544.544 0 0 0-.362.106.338.338 0 0 0-.124.27q0 .282.451.446l.736.259ZM19.1 16.25a1.972 1.972 0 0 1 1.577 1.891 1.691 1.691 0 0 1-.652 1.4 2.937 2.937 0 0 1-1.862.559 4.56 4.56 0 0 1-2.241-.618 1.981 1.981 0 0 1 .16-.669 1.821 1.821 0 0 1 .35-.576 3.7 3.7 0 0 0 1.649.493.963.963 0 0 0 .51-.112.34.34 0 0 0 .178-.3q0-.353-.546-.529l-.653-.247q-1.482-.54-1.482-1.762a1.752 1.752 0 0 1 .623-1.416 2.585 2.585 0 0 1 1.677-.648 5.088 5.088 0 0 1 1.15.147 4.552 4.552 0 0 1 1.032.472 1.668 1.668 0 0 1-.13.722 1.22 1.22 0 0 1-.38.558 4.263 4.263 0 0 0-1.661-.446.543.543 0 0 0-.362.106.339.339 0 0 0-.124.27q0 .282.451.446l.736.259ZM15.264 16.333a2.822 2.822 0 0 0-.172-1 2.239 2.239 0 0 0-.492-.787 2.28 2.28 0 0 0-.777-.517 2.737 2.737 0 0 0-1.026-.314 2.8 2.8 0 0 0-1.18.361 2.256 2.256 0 0 0-.83.646 2.765 2.765 0 0 0-.487.969 4.4 4.4 0 0 0-.16 1.216 5.681 5.681 0 0 0 .13 1.257 2.628 2.628 0 0 0 .445 1 2.107 2.107 0 0 0 .818.657 2.935 2.935 0 0 0 1.251.277 3.952 3.952 0 0 0 2.324-.712 1.865 1.865 0 0 0-.484-1.081 6.188 6.188 0 0 1-.857.262 3.208 3.208 0 0 1-.656.079 1.017 1.017 0 0 1-.815-.29 1.187 1.187 0 0 1-.271-.77h3.083a4.447 4.447 0 0 0 .156-1.253Zm-3.248.081a2.433 2.433 0 0 1 .218-1 .632.632 0 0 1 .559-.264.66.66 0 0 1 .582.282 1.749 1.749 0 0 1 .194.856v.13h-1.553Z" style="fill:#f6f6f6"/><path d="M29.18 17.2a1.605 1.605 0 0 0-.53 1.265v2.051a1.81 1.81 0 0 1-.683 1.557 2.8 2.8 0 0 1-1.654.549h-.373v-1.028a1.241 1.241 0 0 0 .595-.334 1.369 1.369 0 0 0 .419-1.047v-1.657a2.545 2.545 0 0 1 .257-1.323 2.5 2.5 0 0 1 1.2-.838 2.528 2.528 0 0 1-1.324-1.179 2.956 2.956 0 0 1-.135-1.165v-1.518a1.458 1.458 0 0 0-.366-1.054 1.152 1.152 0 0 0-.648-.314v-.96h.928a1.676 1.676 0 0 1 1.023.442 2 2 0 0 1 .673 1.009 2.33 2.33 0 0 1 .086.7v1.757a1.846 1.846 0 0 0 .5 1.383 2.113 2.113 0 0 0 .854.479v.794a1.943 1.943 0 0 0-.82.426ZM5.594 10.206H5.26a1.673 1.673 0 0 0-1.023.442 1.71 1.71 0 0 0-.673 1.009 3.531 3.531 0 0 0-.038.7v1.757a1.867 1.867 0 0 1-.545 1.386 2.847 2.847 0 0 1-.981.477v.793a2.552 2.552 0 0 1 .947.426 1.638 1.638 0 0 1 .577 1.265v2.051a1.781 1.781 0 0 0 .636 1.558 2.8 2.8 0 0 0 1.654.55h.421v-1.026a1.47 1.47 0 0 1-.643-.334 1.355 1.355 0 0 1-.371-1.047v-1.656a2.516 2.516 0 0 0-.305-1.323 2.5 2.5 0 0 0-1.2-.838 2.529 2.529 0 0 0 1.324-1.178 2.857 2.857 0 0 0 .183-1.165v-1.519a1.462 1.462 0 0 1 .317-1.054 1.313 1.313 0 0 1 .575-.271h.428v-1.003h-.949Z" style="fill:#f6f6f6;stroke:#404040;stroke-miterlimit:10;stroke-width:.25px"/><path d="M9.537 18.529h-.32c-.348 0-.479-.183-.479-.551v-6.759a1.256 1.256 0 0 0-.268-.856c-.15-.164-.411-.162-.783-.162H6.879v8.106a1.875 1.875 0 0 0 .352 1.24 1.441 1.441 0 0 0 1.145.393 7.859 7.859 0 0 0 1.269-.118 2.23 2.23 0 0 0 .036-.509 2.278 2.278 0 0 0-.142-.782Z" style="fill:#f6f6f6"/></svg>
diff --git a/src/assets/techs/linkedin.svg b/src/assets/techs/linkedin.svg
index 46087a0..c658f02 100644
--- a/src/assets/techs/linkedin.svg
+++ b/src/assets/techs/linkedin.svg
@@ -1 +1 @@
-<?xml version="1.0" ?><svg height="72" viewBox="0 0 72 72" width="72" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M8,72 L64,72 C68.418278,72 72,68.418278 72,64 L72,8 C72,3.581722 68.418278,-8.11624501e-16 64,0 L8,0 C3.581722,8.11624501e-16 -5.41083001e-16,3.581722 0,8 L0,64 C5.41083001e-16,68.418278 3.581722,72 8,72 Z" fill="#007EBB"/><path d="M62,62 L51.315625,62 L51.315625,43.8021149 C51.315625,38.8127542 49.4197917,36.0245323 45.4707031,36.0245323 C41.1746094,36.0245323 38.9300781,38.9261103 38.9300781,43.8021149 L38.9300781,62 L28.6333333,62 L28.6333333,27.3333333 L38.9300781,27.3333333 L38.9300781,32.0029283 C38.9300781,32.0029283 42.0260417,26.2742151 49.3825521,26.2742151 C56.7356771,26.2742151 62,30.7644705 62,40.051212 L62,62 Z M16.349349,22.7940133 C12.8420573,22.7940133 10,19.9296567 10,16.3970067 C10,12.8643566 12.8420573,10 16.349349,10 C19.8566406,10 22.6970052,12.8643566 22.6970052,16.3970067 C22.6970052,19.9296567 19.8566406,22.7940133 16.349349,22.7940133 Z M11.0325521,62 L21.769401,62 L21.769401,27.3333333 L11.0325521,27.3333333 L11.0325521,62 Z" fill="#FFF"/></g></svg>
\ No newline at end of file
+<?xml version="1.0" ?><svg class="tech-icon" height="72" viewBox="0 0 72 72" width="72" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M8,72 L64,72 C68.418278,72 72,68.418278 72,64 L72,8 C72,3.581722 68.418278,-8.11624501e-16 64,0 L8,0 C3.581722,8.11624501e-16 -5.41083001e-16,3.581722 0,8 L0,64 C5.41083001e-16,68.418278 3.581722,72 8,72 Z" fill="#007EBB"/><path d="M62,62 L51.315625,62 L51.315625,43.8021149 C51.315625,38.8127542 49.4197917,36.0245323 45.4707031,36.0245323 C41.1746094,36.0245323 38.9300781,38.9261103 38.9300781,43.8021149 L38.9300781,62 L28.6333333,62 L28.6333333,27.3333333 L38.9300781,27.3333333 L38.9300781,32.0029283 C38.9300781,32.0029283 42.0260417,26.2742151 49.3825521,26.2742151 C56.7356771,26.2742151 62,30.7644705 62,40.051212 L62,62 Z M16.349349,22.7940133 C12.8420573,22.7940133 10,19.9296567 10,16.3970067 C10,12.8643566 12.8420573,10 16.349349,10 C19.8566406,10 22.6970052,12.8643566 22.6970052,16.3970067 C22.6970052,19.9296567 19.8566406,22.7940133 16.349349,22.7940133 Z M11.0325521,62 L21.769401,62 L21.769401,27.3333333 L11.0325521,27.3333333 L11.0325521,62 Z" fill="#FFF"/></g></svg>
diff --git a/src/assets/techs/linux.svg b/src/assets/techs/linux.svg
index 959340d..c9abacf 100644
--- a/src/assets/techs/linux.svg
+++ b/src/assets/techs/linux.svg
@@ -1,5 +1,5 @@
 
-<svg viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<svg class="tech-icon" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
     <path d="M11.3063 21.91C11.181 21.7232 11.0714 21.4713 10.9824 21.1699C9.37571 19.358 10.6169 16.6916 11.8446 14.881C11.9623 14.6874 12.0905 14.5004 12.2299 14.3215C13.1666 13.1577 13.4089 12.3478 13.481 11.2521C13.4896 11.0481 13.4727 10.7781 13.4533 10.4678C13.3542 8.8837 13.1895 6.25174 16.0159 6.0184C19.5489 5.72669 19.2611 8.97105 19.235 10.8732C19.2339 10.9519 19.2328 11.0285 19.2321 11.1024C19.2225 12.249 19.8209 13.0341 20.4455 13.8535C20.6736 14.1528 20.9052 14.4566 21.112 14.7843C21.1181 14.794 21.1242 14.8038 21.1303 14.8135C22.2218 16.3877 23.2994 18.737 21.7995 20.9653C21.5887 21.7259 21.2695 22.424 20.8434 22.9921C19.3136 25.0052 17.9539 24.8008 16.892 24.6412C16.5717 24.5931 16.2785 24.549 16.0159 24.5711C15.5797 24.5977 15.2301 24.6682 14.9281 24.7292C13.7608 24.9648 13.3046 25.0569 11.3063 21.91Z" fill="#000000"/>
     <path d="M18.0139 7.79452C17.9811 8.72691 16.9921 9.53681 15.8065 9.61167C14.6209 9.68654 13.6907 8.97873 13.7235 8.04633C13.7562 7.11393 14.7453 6.30404 15.9309 6.22917C17.1165 6.16112 18.0466 6.86212 18.0139 7.79452Z" fill="url(#paint0_linear_87_7435)"/>
     <path fill-rule="evenodd" clip-rule="evenodd" d="M15.8656 10.0609C15.8751 10.5679 16.1073 11.0002 16.4334 11.1955C15.3695 11.1002 14.0512 11.4891 14.0512 12.2252C14.0348 13.4703 13.3418 15.0195 12.8429 16.1346C12.7447 16.3543 12.654 16.5571 12.5774 16.7374C12.2686 17.5021 12.0833 18.32 12.0614 19.1221C11.2435 17.9947 11.8378 16.5484 12.1582 15.9207C12.5846 15.0947 12.5764 14.9916 12.4108 15.1852C11.7759 16.2648 10.5803 18.4333 12.0775 19.736C12.125 20.3177 12.2667 20.8813 12.5185 21.3994C14.5228 25.4421 18.2761 23.7815 19.5141 21.6853C19.6788 21.3872 19.812 21.0989 19.9177 20.8203C19.9797 20.8593 20.0461 20.8895 20.1167 20.9094C20.739 21.0932 21.6691 20.3922 21.8918 19.9566C22.1604 19.3781 21.8853 18.9833 20.9683 18.5137C20.9215 18.4906 20.8753 18.4688 20.8297 18.4485C21.1814 16.9676 20.2122 15.4276 19.52 14.7743C19.3909 14.7424 19.3727 14.8156 19.5731 15.0155C20.009 15.4333 20.9572 16.9228 20.4442 18.3091C20.3597 18.2864 20.2784 18.2704 20.2009 18.2616C20.0433 17.3158 19.6231 16.58 19.3294 16.0658C19.2629 15.9493 19.2029 15.8442 19.1538 15.7506C19.055 15.5617 18.9368 15.3661 18.8114 15.1587C18.3283 14.3594 17.739 13.3843 17.739 11.9393C17.6651 11.6214 17.3651 11.4094 16.9658 11.2923C17.4293 11.1988 17.7772 10.6573 17.7652 10.0065C17.7521 9.30545 17.3132 8.74737 16.7892 8.76099C16.2652 8.7746 15.846 9.3599 15.8656 10.0609ZM16.2979 10.2174C16.2914 10.6054 16.4748 10.9184 16.7172 10.9184C16.953 10.9184 17.156 10.6054 17.1626 10.2242C17.1691 9.83631 16.9857 9.52324 16.7434 9.52324C16.501 9.52324 16.3045 9.83631 16.2979 10.2174Z" fill="url(#paint1_linear_87_7435)"/>
@@ -88,4 +88,4 @@
         <stop offset="1" stop-color="white" stop-opacity="0"/>
         </linearGradient>
     </defs>
-</svg>
\ No newline at end of file
+</svg>
diff --git a/src/assets/techs/lua.svg b/src/assets/techs/lua.svg
index a3ba78f..fd4e8af 100644
--- a/src/assets/techs/lua.svg
+++ b/src/assets/techs/lua.svg
@@ -1,4 +1,4 @@
-<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" version="1.0" viewBox="0 0 947 947">
+<svg class="tech-icon" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" version="1.0" viewBox="0 0 947 947">
   <path fill="navy" d="M835.5 473.6c0-199.8-162.2-362-362-362s-362 162.2-362 362 162.2 362 362 362 362-162.2 362-362"/>
   <path fill="#FFF" d="M729.5 323.6c0-58.5-47.5-106-106-106s-106 47.5-106 106 47.5 106 106 106 106-47.5 106-106"/>
   <path fill="navy" d="M941.5 111.5c0-58.5-47.5-106-106-106s-106 47.5-106 106 47.5 106 106 106 106-47.4 106-106"/>
diff --git a/src/assets/techs/macos.svg b/src/assets/techs/macos.svg
index 39acc09..794059d 100644
--- a/src/assets/techs/macos.svg
+++ b/src/assets/techs/macos.svg
@@ -1,4 +1,4 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 34 34">
+<svg class="tech-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 34 34">
   <style>
     @media (prefers-color-scheme: dark) {
       .macos {fill:#fff;}
diff --git a/src/assets/techs/manjaro.svg b/src/assets/techs/manjaro.svg
index cfb6e80..c9f0715 100644
--- a/src/assets/techs/manjaro.svg
+++ b/src/assets/techs/manjaro.svg
@@ -1,4 +1,4 @@
-<svg xmlns="http://www.w3.org/2000/svg" version="1.2" viewBox="0 60 345.45 219.5">
+<svg class="tech-icon" xmlns="http://www.w3.org/2000/svg" version="1.2" viewBox="0 60 345.45 219.5">
   <path fill="#35bfa4" fill-rule="evenodd"
     d="M90.909 72.727a18.142 18.142 0 0 0-18.182 18.182v163.64a18.142 18.142 0 0 0 18.182 18.182h36.364v-145.45H200V72.736zm127.27 0v200h36.364a18.142 18.142 0 0 0 18.182-18.182V90.905a18.142 18.142 0 0 0-18.182-18.182zm-72.727 72.727v127.27h54.545v-127.27z"
     paint-order="stroke fill markers" />
diff --git a/src/assets/techs/mariadb.svg b/src/assets/techs/mariadb.svg
index 5695ecc..3d9b3d1 100644
--- a/src/assets/techs/mariadb.svg
+++ b/src/assets/techs/mariadb.svg
@@ -1,4 +1,4 @@
-<svg xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid" viewBox="0 -43 256 256">
+<svg class="tech-icon" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid" viewBox="0 -43 256 256">
   <path fill="#002B64" d="M250.383.004c-3.957.127-2.706 1.267-11.255 3.37-8.632 2.125-19.178 1.474-28.474 5.372-27.75 11.639-33.319 51.417-58.547 65.666-18.858 10.652-37.883 11.501-54.988 16.861-11.241 3.525-23.538 10.754-33.723 19.53-7.905 6.816-8.111 12.808-16.371 21.355-8.836 9.143-35.115.155-47.025 14.148 3.837 3.879 5.519 4.966 13.08 3.96-1.566 2.966-10.793 5.466-8.987 9.831 1.9 4.593 24.21 7.706 44.489-4.538 9.444-5.702 16.967-13.92 31.676-15.882 19.034-2.537 40.96 1.627 62.996 4.805-3.268 9.742-9.827 16.22-15.082 23.979-1.627 1.753 3.268 1.949 8.853.89 10.047-2.484 17.287-4.485 24.87-8.898 9.314-5.423 10.726-19.325 22.155-22.333 6.368 9.787 23.687 12.1 34.434 4.27-9.43-2.669-12.036-22.741-8.853-31.586 3.015-8.373 5.994-21.766 9.031-32.833 3.26-11.886 4.463-26.867 8.408-32.922 5.937-9.109 12.496-12.237 18.19-17.374 5.695-5.136 10.907-10.136 10.736-21.89C255.94 2 253.983-.11 250.383.005Z"/>
   <path fill="#C49A6C" d="M241.905 6.968c.949 3.232 2.432 4.716 8.845 5.309-.937 8.13-6.36 12.578-12.441 16.844-5.352 3.753-11.214 7.367-14.981 13.23-3.86 6.005-6.31 26.559-12.294 46.857-5.173 17.539-12.984 34.88-26.625 42.479-1.425-3.587.182-10.208-2.653-12.384-1.834 5.231-3.907 10.222-6.336 14.86-8.004 15.3-19.855 26.754-39.66 30.252 9.397-12.716 18.382-25.847 18.577-47.763-6.613 1.43-6.473 17.052-13.268 21.228-4.356.474-8.77.471-13.21.204-18.24-1.093-36.952-6.575-54.015-1.1-11.618 3.729-21.12 12.525-30.958 16.792-11.563 5.015-20.32 7.077-34.718 5.015-1.829-2.463 10.538-5.64 9.798-10.988-5.635-.623-8.907.742-13.806-1.483.541-.997 1.336-1.827 2.337-2.518 8.978-6.215 34.48-1.468 41.304-8.17 4.213-4.133 6.977-8.46 9.839-12.665 2.775-4.081 5.643-8.048 10.014-11.624a76.27 76.27 0 0 1 5.23-3.898c7.448-5.097 16.662-9.72 25.73-12.907 12.351-4.342 24.868-4.7 38.034-9.73 8.133-3.109 16.978-6.948 24.187-12.32a48.283 48.283 0 0 0 4.829-4.099c20.586-20.068 24.667-55.468 56.785-58.767 3.884-.398 7.063-.27 9.958-.357 3.335-.1 6.288-.487 9.498-2.297Zm-39.154 113.3c.383 6.134 3.945 18.306 7.089 21.264-6.158 1.497-16.765-.977-19.486-5.32 1.398-6.271 8.674-12.004 12.397-15.945Z"/>
   <path fill="#002B64" d="M244.219 13.837c-1.238 2.597-3.608 5.944-3.608 12.554-.01 1.135-.862 1.912-.876.163.064-6.46 1.774-9.253 3.59-12.923.844-1.504 1.353-.884.894.206Zm-1.247-.978c-1.46 2.478-4.976 6.996-5.558 13.581-.107 1.13-1.025 1.828-.886.083.634-6.428 3.444-10.451 5.577-13.949.967-1.422 1.422-.76.867.285Zm-1.136-1.296c-1.664 2.345-7.076 7.772-8.208 14.286-.204 1.114-1.177 1.736-.89.009 1.17-6.354 5.836-11.348 8.255-14.65 1.084-1.34 1.48-.64.843.355Zm-1.014-1.446-.548.583c-2.42 2.594-8.042 8.922-9.915 14.715-.36 1.075-1.411 1.554-.884-.117 2.052-6.126 7.703-12.724 10.562-15.653 1.263-1.172 1.556-.424.785.472Zm-29.05 13.115c1.254-5.386 5.443-7.84 12.674-7.242 1.745 8.04-8.02 11.283-12.674 7.242Z"/>
diff --git a/src/assets/techs/max.svg b/src/assets/techs/max.svg
index fb80430..5a4c8d4 100644
--- a/src/assets/techs/max.svg
+++ b/src/assets/techs/max.svg
@@ -1,4 +1,4 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -300 1000 673.701">
+<svg class="tech-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 -300 1000 673.701">
   <style>
     @media (prefers-color-scheme: dark) {
       .max {fill:#fff;}
diff --git a/src/assets/techs/microsoft.svg b/src/assets/techs/microsoft.svg
index 7e677d3..ee6d54c 100644
--- a/src/assets/techs/microsoft.svg
+++ b/src/assets/techs/microsoft.svg
@@ -1,6 +1,6 @@
-<svg viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<svg class="tech-icon" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
 <rect x="17" y="17" width="10" height="10" fill="#FEBA08"/>
 <rect x="5" y="17" width="10" height="10" fill="#05A6F0"/>
 <rect x="17" y="5" width="10" height="10" fill="#80BC06"/>
 <rect x="5" y="5" width="10" height="10" fill="#F25325"/>
-</svg>
\ No newline at end of file
+</svg>
diff --git a/src/assets/techs/mint.svg b/src/assets/techs/mint.svg
index b228ba8..811a26c 100644
--- a/src/assets/techs/mint.svg
+++ b/src/assets/techs/mint.svg
@@ -1,4 +1,4 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256">
+<svg class="tech-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256">
   <circle cx="128" cy="128" r="118" fill="#69b53f" stroke-width="20" />
   <path fill="#f8f8f8" stroke="none"
     d="M58 63v90c0 21.973 18.027 40 40 40h60c21.973 0 40-18.027 40-40v-50c0-16.45-13.55-30-30-30-7.685 0-14.667 3.038-20 7.866C142.667 76.038 135.685 73 128 73c-16.45 0-30 13.55-30 30v50h20v-50c0-5.641 4.359-10 10-10s10 4.359 10 10v50h20v-50c0-5.641 4.359-10 10-10s10 4.359 10 10v50c0 11.164-8.836 20-20 20H98c-11.164 0-20-8.836-20-20V63Z"
diff --git a/src/assets/techs/mongodb.svg b/src/assets/techs/mongodb.svg
index 40ced79..16a815b 100644
--- a/src/assets/techs/mongodb.svg
+++ b/src/assets/techs/mongodb.svg
@@ -1,5 +1,5 @@
 
-<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 -200 1102 678">
+<svg class="tech-icon" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 -200 1102 678">
   <style>
     @media (prefers-color-scheme: dark) {
       .mongodb {fill:#fff;}
diff --git a/src/assets/techs/mozilla.svg b/src/assets/techs/mozilla.svg
index 597a091..d1c2dac 100644
--- a/src/assets/techs/mozilla.svg
+++ b/src/assets/techs/mozilla.svg
@@ -1,5 +1,5 @@
 
-<svg viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<svg class="tech-icon" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M28.9905 10.7265C28.3816 9.2574 27.1473 7.67139 26.1784 7.17039C26.967 8.72015 27.4232 10.2746 27.5976 11.4344C27.5976 11.4344 27.5976 11.4426 27.6005 11.4578C26.0156 7.49777 23.3277 5.90065 21.1327 2.42407C21.0213 2.24869 20.9105 2.07331 20.802 1.88566C20.7407 1.77985 20.6911 1.68397 20.648 1.59336C20.557 1.41757 20.4867 1.23179 20.4386 1.03975C20.439 1.03063 20.4359 1.02169 20.4301 1.01467C20.4243 1.00765 20.4161 1.00305 20.4071 1.00175C20.3985 0.999416 20.3894 0.999416 20.3808 1.00175C20.3785 1.00281 20.3763 1.00419 20.3744 1.00584C20.3709 1.00584 20.3674 1.00994 20.3639 1.0111L20.3697 1.0035C16.8483 3.07063 15.6536 6.89446 15.544 8.80784C14.1368 8.90428 12.7913 9.42358 11.683 10.298C11.5672 10.1998 11.4461 10.1081 11.3202 10.0232C11.0008 8.9027 10.9873 7.71683 11.2811 6.58931C9.84091 7.24697 8.72095 8.28463 7.90664 9.20303H7.90023C7.34433 8.49742 7.38341 6.17015 7.41491 5.68435C7.40849 5.65395 7.00076 5.89656 6.94826 5.93339C6.45773 6.2841 5.9992 6.67771 5.57805 7.1096C5.0988 7.59655 4.66096 8.12276 4.26909 8.68274C3.36752 9.96323 2.72814 11.4101 2.3879 12.9398C2.38149 12.9702 2.37565 13.0017 2.36924 13.0327C2.34299 13.1561 2.24791 13.7751 2.23099 13.9096V13.9406C2.10704 14.5803 2.02984 15.2282 2 15.8791V15.951C2 23.7097 8.27646 30 16.0182 30C22.9521 30 28.7088 24.9549 29.8364 18.328C29.8597 18.1485 29.8789 17.9673 29.8999 17.786C30.1788 15.3763 29.869 12.8439 28.9905 10.7265ZM12.8327 21.7239C12.8981 21.7549 12.9599 21.7894 13.027 21.8197L13.0363 21.8256C12.9692 21.7929 12.901 21.759 12.8333 21.7239H12.8327ZM27.6017 11.4642V11.4508V11.466V11.4642Z" fill="url(#paint0_linear_87_7118)"/>
 <path d="M28.9907 10.7265C28.3818 9.25741 27.1475 7.67141 26.1786 7.17041C26.9672 8.72017 27.4234 10.2746 27.5978 11.4344V11.4631C28.9208 15.0572 28.1998 18.7121 27.1615 20.9452C25.555 24.4002 21.6661 27.9416 15.578 27.7692C9.00581 27.5821 3.21175 22.6885 2.1297 16.2842C1.93254 15.2735 2.1297 14.7608 2.22886 13.9406C2.10812 14.5725 2.06203 14.7555 2.00195 15.8791V15.951C2.00195 23.7098 8.27842 30 16.0202 30C22.954 30 28.7108 24.9549 29.8383 18.328C29.8616 18.1485 29.8809 17.9673 29.9019 17.7861C30.179 15.3764 29.8692 12.8439 28.9907 10.7265Z" fill="url(#paint1_radial_87_7118)"/>
 <path d="M28.9907 10.7265C28.3818 9.25741 27.1475 7.67141 26.1786 7.17041C26.9672 8.72017 27.4234 10.2746 27.5978 11.4344V11.4631C28.9208 15.0572 28.1998 18.7121 27.1615 20.9452C25.555 24.4002 21.6661 27.9416 15.578 27.7692C9.00581 27.5821 3.21175 22.6885 2.1297 16.2842C1.93254 15.2735 2.1297 14.7608 2.22886 13.9406C2.10812 14.5725 2.06203 14.7555 2.00195 15.8791V15.951C2.00195 23.7098 8.27842 30 16.0202 30C22.954 30 28.7108 24.9549 29.8383 18.328C29.8616 18.1485 29.8809 17.9673 29.9019 17.7861C30.179 15.3764 29.8692 12.8439 28.9907 10.7265Z" fill="url(#paint2_radial_87_7118)"/>
@@ -104,4 +104,4 @@
 <stop offset="0.6" stop-color="#FFF44F" stop-opacity="0"/>
 </linearGradient>
 </defs>
-</svg>
\ No newline at end of file
+</svg>
diff --git a/src/assets/techs/mysql.svg b/src/assets/techs/mysql.svg
index 1d0546c..71928c8 100644
--- a/src/assets/techs/mysql.svg
+++ b/src/assets/techs/mysql.svg
@@ -1,2 +1,2 @@
 
-<svg viewBox="10 20 131.151 131.151" xmlns="http://www.w3.org/2000/svg"><path d="M-18.458 6.58h191.151v132.49H-18.458V6.58z" fill="none"/><path d="M40.054 113.583h-5.175c-.183-8.735-.687-16.947-1.511-24.642h-.046l-7.879 24.642h-3.94l-7.832-24.642h-.045c-.581 7.388-.947 15.602-1.099 24.642H7.81c.304-10.993 1.068-21.299 2.289-30.919h6.414l7.465 22.719h.046l7.511-22.719h6.137c1.344 11.268 2.138 21.575 2.382 30.919M62.497 90.771c-2.107 11.434-4.887 19.742-8.337 24.928-2.688 3.992-5.633 5.99-8.84 5.99-.855 0-1.91-.258-3.16-.77v-2.757c.611.088 1.328.138 2.152.138 1.498 0 2.702-.412 3.62-1.238 1.098-1.006 1.647-2.137 1.647-3.388 0-.858-.428-2.612-1.282-5.268L42.618 90.77h5.084l4.076 13.19c.916 2.995 1.298 5.086 1.145 6.277 2.229-5.953 3.786-12.444 4.673-19.468h4.901v.002z" fill="#5d87a1"/><path d="M131.382 113.583h-14.7V82.664h4.945v27.113h9.755v3.806zM112.834 114.33l-5.684-2.805c.504-.414.986-.862 1.42-1.381 2.416-2.838 3.621-7.035 3.621-12.594 0-10.229-4.014-15.346-12.045-15.346-3.938 0-7.01 1.298-9.207 3.895-2.414 2.84-3.619 7.022-3.619 12.551 0 5.435 1.068 9.422 3.205 11.951 1.955 2.291 4.902 3.438 8.843 3.438 1.47 0 2.819-.18 4.048-.543l7.4 4.308 2.018-3.474zm-18.413-6.934c-1.252-2.014-1.878-5.248-1.878-9.707 0-7.785 2.365-11.682 7.1-11.682 2.475 0 4.289.932 5.449 2.792 1.25 2.017 1.879 5.222 1.879 9.619 0 7.849-2.367 11.774-7.099 11.774-2.476.001-4.29-.928-5.451-2.796M85.165 105.013c0 2.622-.962 4.773-2.884 6.458-1.924 1.678-4.504 2.519-7.737 2.519-3.024 0-5.956-.966-8.794-2.888l1.329-2.655c2.442 1.223 4.653 1.831 6.638 1.831 1.863 0 3.319-.413 4.375-1.232 1.055-.822 1.684-1.975 1.684-3.433 0-1.837-1.281-3.407-3.631-4.722-2.167-1.19-6.501-3.678-6.501-3.678-2.349-1.712-3.525-3.55-3.525-6.578 0-2.506.877-4.529 2.632-6.068 1.757-1.545 4.024-2.315 6.803-2.315 2.87 0 5.479.769 7.829 2.291l-1.192 2.656c-2.01-.854-3.994-1.281-5.951-1.281-1.585 0-2.809.381-3.66 1.146-.858.762-1.387 1.737-1.387 2.933 0 1.828 1.308 3.418 3.722 4.759 2.196 1.192 6.638 3.723 6.638 3.723 2.409 1.709 3.612 3.53 3.612 6.534" fill="#f8981d"/><path d="M137.59 72.308c-2.99-.076-5.305.225-7.248 1.047-.561.224-1.453.224-1.531.933.303.3.338.784.601 1.198.448.747 1.229 1.752 1.942 2.276.783.6 1.569 1.194 2.393 1.717 1.453.899 3.1 1.422 4.516 2.318.825.521 1.645 1.195 2.471 1.756.406.299.666.784 1.193.971v-.114c-.264-.336-.339-.822-.598-1.196l-1.122-1.082c-1.084-1.456-2.431-2.727-3.884-3.771-1.196-.824-3.812-1.944-4.297-3.322l-.076-.076c.822-.077 1.797-.375 2.578-.604 1.271-.335 2.43-.259 3.734-.594.6-.15 1.195-.338 1.797-.523v-.337c-.676-.673-1.158-1.567-1.869-2.203-1.902-1.643-3.998-3.25-6.164-4.595-1.16-.749-2.652-1.231-3.887-1.868-.445-.225-1.195-.336-1.457-.71-.67-.822-1.047-1.904-1.533-2.877-1.08-2.053-2.129-4.331-3.061-6.502-.674-1.456-1.084-2.91-1.906-4.257-3.85-6.35-8.031-10.196-14.457-13.971-1.381-.786-3.024-1.121-4.779-1.533l-2.803-.148c-.598-.262-1.197-.973-1.719-1.309-2.132-1.344-7.621-4.257-9.189-.411-1.01 2.431 1.494 4.821 2.354 6.054.635.856 1.458 1.83 1.902 2.802.263.635.337 1.309.6 1.98.598 1.644 1.157 3.473 1.943 5.007.41.782.857 1.604 1.381 2.312.3.414.822.597.936 1.272-.521.744-.562 1.867-.861 2.801-1.344 4.221-.819 9.45 1.086 12.552.596.934 2.018 2.99 3.92 2.202 1.684-.672 1.311-2.801 1.795-4.668.111-.451.038-.747.262-1.043v.073c.521 1.045 1.047 2.052 1.53 3.1 1.159 1.829 3.177 3.735 4.858 5.002.895.676 1.604 1.832 2.725 2.245V74.1h-.074c-.227-.335-.559-.485-.857-.745-.674-.673-1.42-1.495-1.943-2.241-1.566-2.093-2.952-4.41-4.182-6.801-.602-1.16-1.121-2.428-1.606-3.586-.226-.447-.226-1.121-.601-1.346-.562.821-1.381 1.532-1.791 2.538-.711 1.609-.785 3.588-1.049 5.646l-.147.072c-1.19-.299-1.604-1.53-2.056-2.575-1.119-2.654-1.307-6.914-.336-9.976.26-.783 1.385-3.249.936-3.995-.225-.715-.973-1.122-1.383-1.685-.482-.708-1.01-1.604-1.346-2.39-.896-2.091-1.347-4.408-2.312-6.498-.451-.974-1.234-1.982-1.868-2.879-.712-1.008-1.495-1.718-2.058-2.913-.186-.411-.447-1.083-.148-1.53.073-.3.225-.412.523-.487.484-.409 1.867.111 2.352.336 1.385.56 2.543 1.083 3.699 1.867.523.375 1.084 1.085 1.755 1.272h.786c1.193.26 2.538.072 3.661.41 1.979.636 3.772 1.569 5.38 2.576 4.893 3.103 8.928 7.512 11.652 12.778.447.858.637 1.644 1.045 2.539.787 1.832 1.76 3.7 2.541 5.493.785 1.755 1.533 3.547 2.654 5.005.559.784 2.805 1.195 3.812 1.606.745.335 1.905.633 2.577 1.044 1.271.783 2.537 1.682 3.732 2.543.595.448 2.465 1.382 2.576 2.13M99.484 39.844a5.82 5.82 0 0 0-1.529.188v.075h.072c.301.597.824 1.011 1.197 1.532.301.599.562 1.193.857 1.791l.072-.074c.527-.373.789-.971.789-1.868-.227-.264-.262-.522-.451-.784-.22-.374-.705-.56-1.007-.86" fill="#5d87a1"/><path d="M141.148 113.578h.774v-3.788h-1.161l-.947 2.585-1.029-2.585h-1.118v3.788h.731v-2.882h.041l1.078 2.882h.557l1.074-2.882v2.882zm-6.235 0h.819v-3.146h1.072v-.643h-3.008v.643h1.115l.002 3.146z" fill="#f8981d"/></svg>
\ No newline at end of file
+<svg class="tech-icon" viewBox="10 20 131.151 131.151" xmlns="http://www.w3.org/2000/svg"><path d="M-18.458 6.58h191.151v132.49H-18.458V6.58z" fill="none"/><path d="M40.054 113.583h-5.175c-.183-8.735-.687-16.947-1.511-24.642h-.046l-7.879 24.642h-3.94l-7.832-24.642h-.045c-.581 7.388-.947 15.602-1.099 24.642H7.81c.304-10.993 1.068-21.299 2.289-30.919h6.414l7.465 22.719h.046l7.511-22.719h6.137c1.344 11.268 2.138 21.575 2.382 30.919M62.497 90.771c-2.107 11.434-4.887 19.742-8.337 24.928-2.688 3.992-5.633 5.99-8.84 5.99-.855 0-1.91-.258-3.16-.77v-2.757c.611.088 1.328.138 2.152.138 1.498 0 2.702-.412 3.62-1.238 1.098-1.006 1.647-2.137 1.647-3.388 0-.858-.428-2.612-1.282-5.268L42.618 90.77h5.084l4.076 13.19c.916 2.995 1.298 5.086 1.145 6.277 2.229-5.953 3.786-12.444 4.673-19.468h4.901v.002z" fill="#5d87a1"/><path d="M131.382 113.583h-14.7V82.664h4.945v27.113h9.755v3.806zM112.834 114.33l-5.684-2.805c.504-.414.986-.862 1.42-1.381 2.416-2.838 3.621-7.035 3.621-12.594 0-10.229-4.014-15.346-12.045-15.346-3.938 0-7.01 1.298-9.207 3.895-2.414 2.84-3.619 7.022-3.619 12.551 0 5.435 1.068 9.422 3.205 11.951 1.955 2.291 4.902 3.438 8.843 3.438 1.47 0 2.819-.18 4.048-.543l7.4 4.308 2.018-3.474zm-18.413-6.934c-1.252-2.014-1.878-5.248-1.878-9.707 0-7.785 2.365-11.682 7.1-11.682 2.475 0 4.289.932 5.449 2.792 1.25 2.017 1.879 5.222 1.879 9.619 0 7.849-2.367 11.774-7.099 11.774-2.476.001-4.29-.928-5.451-2.796M85.165 105.013c0 2.622-.962 4.773-2.884 6.458-1.924 1.678-4.504 2.519-7.737 2.519-3.024 0-5.956-.966-8.794-2.888l1.329-2.655c2.442 1.223 4.653 1.831 6.638 1.831 1.863 0 3.319-.413 4.375-1.232 1.055-.822 1.684-1.975 1.684-3.433 0-1.837-1.281-3.407-3.631-4.722-2.167-1.19-6.501-3.678-6.501-3.678-2.349-1.712-3.525-3.55-3.525-6.578 0-2.506.877-4.529 2.632-6.068 1.757-1.545 4.024-2.315 6.803-2.315 2.87 0 5.479.769 7.829 2.291l-1.192 2.656c-2.01-.854-3.994-1.281-5.951-1.281-1.585 0-2.809.381-3.66 1.146-.858.762-1.387 1.737-1.387 2.933 0 1.828 1.308 3.418 3.722 4.759 2.196 1.192 6.638 3.723 6.638 3.723 2.409 1.709 3.612 3.53 3.612 6.534" fill="#f8981d"/><path d="M137.59 72.308c-2.99-.076-5.305.225-7.248 1.047-.561.224-1.453.224-1.531.933.303.3.338.784.601 1.198.448.747 1.229 1.752 1.942 2.276.783.6 1.569 1.194 2.393 1.717 1.453.899 3.1 1.422 4.516 2.318.825.521 1.645 1.195 2.471 1.756.406.299.666.784 1.193.971v-.114c-.264-.336-.339-.822-.598-1.196l-1.122-1.082c-1.084-1.456-2.431-2.727-3.884-3.771-1.196-.824-3.812-1.944-4.297-3.322l-.076-.076c.822-.077 1.797-.375 2.578-.604 1.271-.335 2.43-.259 3.734-.594.6-.15 1.195-.338 1.797-.523v-.337c-.676-.673-1.158-1.567-1.869-2.203-1.902-1.643-3.998-3.25-6.164-4.595-1.16-.749-2.652-1.231-3.887-1.868-.445-.225-1.195-.336-1.457-.71-.67-.822-1.047-1.904-1.533-2.877-1.08-2.053-2.129-4.331-3.061-6.502-.674-1.456-1.084-2.91-1.906-4.257-3.85-6.35-8.031-10.196-14.457-13.971-1.381-.786-3.024-1.121-4.779-1.533l-2.803-.148c-.598-.262-1.197-.973-1.719-1.309-2.132-1.344-7.621-4.257-9.189-.411-1.01 2.431 1.494 4.821 2.354 6.054.635.856 1.458 1.83 1.902 2.802.263.635.337 1.309.6 1.98.598 1.644 1.157 3.473 1.943 5.007.41.782.857 1.604 1.381 2.312.3.414.822.597.936 1.272-.521.744-.562 1.867-.861 2.801-1.344 4.221-.819 9.45 1.086 12.552.596.934 2.018 2.99 3.92 2.202 1.684-.672 1.311-2.801 1.795-4.668.111-.451.038-.747.262-1.043v.073c.521 1.045 1.047 2.052 1.53 3.1 1.159 1.829 3.177 3.735 4.858 5.002.895.676 1.604 1.832 2.725 2.245V74.1h-.074c-.227-.335-.559-.485-.857-.745-.674-.673-1.42-1.495-1.943-2.241-1.566-2.093-2.952-4.41-4.182-6.801-.602-1.16-1.121-2.428-1.606-3.586-.226-.447-.226-1.121-.601-1.346-.562.821-1.381 1.532-1.791 2.538-.711 1.609-.785 3.588-1.049 5.646l-.147.072c-1.19-.299-1.604-1.53-2.056-2.575-1.119-2.654-1.307-6.914-.336-9.976.26-.783 1.385-3.249.936-3.995-.225-.715-.973-1.122-1.383-1.685-.482-.708-1.01-1.604-1.346-2.39-.896-2.091-1.347-4.408-2.312-6.498-.451-.974-1.234-1.982-1.868-2.879-.712-1.008-1.495-1.718-2.058-2.913-.186-.411-.447-1.083-.148-1.53.073-.3.225-.412.523-.487.484-.409 1.867.111 2.352.336 1.385.56 2.543 1.083 3.699 1.867.523.375 1.084 1.085 1.755 1.272h.786c1.193.26 2.538.072 3.661.41 1.979.636 3.772 1.569 5.38 2.576 4.893 3.103 8.928 7.512 11.652 12.778.447.858.637 1.644 1.045 2.539.787 1.832 1.76 3.7 2.541 5.493.785 1.755 1.533 3.547 2.654 5.005.559.784 2.805 1.195 3.812 1.606.745.335 1.905.633 2.577 1.044 1.271.783 2.537 1.682 3.732 2.543.595.448 2.465 1.382 2.576 2.13M99.484 39.844a5.82 5.82 0 0 0-1.529.188v.075h.072c.301.597.824 1.011 1.197 1.532.301.599.562 1.193.857 1.791l.072-.074c.527-.373.789-.971.789-1.868-.227-.264-.262-.522-.451-.784-.22-.374-.705-.56-1.007-.86" fill="#5d87a1"/><path d="M141.148 113.578h.774v-3.788h-1.161l-.947 2.585-1.029-2.585h-1.118v3.788h.731v-2.882h.041l1.078 2.882h.557l1.074-2.882v2.882zm-6.235 0h.819v-3.146h1.072v-.643h-3.008v.643h1.115l.002 3.146z" fill="#f8981d"/></svg>
diff --git a/src/assets/techs/netflix.svg b/src/assets/techs/netflix.svg
index cd26c7a..f476807 100644
--- a/src/assets/techs/netflix.svg
+++ b/src/assets/techs/netflix.svg
@@ -1,4 +1,4 @@
-<svg viewBox="0 -50 190 132" fill="none" xmlns="http://www.w3.org/2000/svg">
+<svg class="tech-icon" viewBox="0 -50 190 132" fill="none" xmlns="http://www.w3.org/2000/svg">
   <g clip-path="url(#clip0_1062_937)">
     <path
       d="M26.1256 48.0836C23.2674 48.586 20.3589 48.7366 17.3503 49.1378L8.17352 22.2351V50.2924C5.31536 50.5934 2.70787 50.995 0 51.3965V0H7.62227L18.0522 29.1619V0H26.1256V48.0836ZM41.9213 18.822C45.0306 18.822 49.7943 18.6713 52.6525 18.6713V26.7019C49.092 26.7019 44.9302 26.7019 41.9213 26.8525V38.7984C46.6352 38.4973 51.3488 38.0954 56.1123 37.9448V45.6739L33.8979 47.431V0H56.1123V8.03071H41.9213V18.822ZM85.9486 8.0309H77.6246V44.9721C74.9168 44.9721 72.2089 44.9721 69.6018 45.0722V8.0309H61.2778V0H85.949L85.9486 8.0309ZM98.9863 18.27H109.968V26.3005H98.9863V44.5204H91.113V0H113.529V8.03071H98.9863V18.27ZM126.566 37.4933C131.13 37.5934 135.743 37.9454 140.206 38.1959V46.1263C133.035 45.6743 125.864 45.2232 118.543 45.0722V0H126.566V37.4933ZM146.975 46.6785C149.533 46.8293 152.24 46.9799 154.848 47.2806V0H146.975V46.6785ZM190 0L179.82 24.4435L190 51.3965C186.991 50.995 183.982 50.4428 180.974 49.9408L175.207 35.0843L169.341 48.7366C166.432 48.2342 163.624 48.0836 160.716 47.6821L171.045 24.1421L161.718 0H170.343L175.608 13.5016L181.225 0H190V0Z"
diff --git a/src/assets/techs/nextjs.svg b/src/assets/techs/nextjs.svg
index a3cb3fc..0e0e4e3 100644
--- a/src/assets/techs/nextjs.svg
+++ b/src/assets/techs/nextjs.svg
@@ -1,4 +1,4 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0.5 -0.2 1023 1024.1"
+<svg class="tech-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0.5 -0.2 1023 1024.1"
   fill="var(--vtl-background-svg)">
   <path
     d="M478.5.6c-2.2.2-9.2.9-15.5 1.4C317.7 15.1 181.6 93.5 95.4 214c-48 67-78.7 143-90.3 223.5C1 465.6.5 473.9.5 512s.5 46.4 4.6 74.5C32.9 778.6 169.6 940 355 999.8c33.2 10.7 68.2 18 108 22.4 15.5 1.7 82.5 1.7 98 0 68.7-7.6 126.9-24.6 184.3-53.9 8.8-4.5 10.5-5.7 9.3-6.7-.8-.6-38.3-50.9-83.3-111.7l-81.8-110.5L487 587.7c-56.4-83.4-102.8-151.6-103.2-151.6-.4-.1-.8 67.3-1 149.6-.3 144.1-.4 149.9-2.2 153.3-2.6 4.9-4.6 6.9-8.8 9.1-3.2 1.6-6 1.9-21.1 1.9h-17.3l-4.6-2.9c-3-1.9-5.2-4.4-6.7-7.3l-2.1-4.5.2-200.5.3-200.6 3.1-3.9c1.6-2.1 5-4.8 7.4-6.1 4.1-2 5.7-2.2 23-2.2 20.4 0 23.8.8 29.1 6.6 1.5 1.6 57 85.2 123.4 185.9s157.2 238.2 201.8 305.7l81 122.7 4.1-2.7c36.3-23.6 74.7-57.2 105.1-92.2 64.7-74.3 106.4-164.9 120.4-261.5 4.1-28.1 4.6-36.4 4.6-74.5s-.5-46.4-4.6-74.5C991.1 245.4 854.4 84 669 24.2 636.3 13.6 601.5 6.3 562.5 1.9c-9.6-1-75.7-2.1-84-1.3zM687.9 310c4.8 2.4 8.7 7 10.1 11.8.8 2.6 1 58.2.8 183.5l-.3 179.8-31.7-48.6-31.8-48.6V457.2c0-84.5.4-132 1-134.3 1.6-5.6 5.1-10 9.9-12.6 4.1-2.1 5.6-2.3 21.3-2.3 14.8 0 17.4.2 20.7 2z" />
diff --git a/src/assets/techs/nginx.svg b/src/assets/techs/nginx.svg
index 7bca642..88e1928 100644
--- a/src/assets/techs/nginx.svg
+++ b/src/assets/techs/nginx.svg
@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid" viewBox="-17.5 0 291 291"><path fill="#009639" d="M2.054 218.187c1.32 2.347 3.227 4.108 5.575 5.428l112.962 65.137c4.695 2.787 10.416 2.787 14.964 0l112.963-65.137c4.695-2.64 7.482-7.629 7.482-13.057V80.284c0-5.428-2.787-10.416-7.482-13.056L135.555 2.09c-4.694-2.788-10.416-2.788-14.964 0L7.63 67.228C2.787 69.868 0 74.856 0 80.284v130.42c0 2.642.587 5.136 2.054 7.483"/><path fill="#FFF" d="M91.837 195.154a14.463 14.463 0 0 1-14.524 14.524 14.463 14.463 0 0 1-14.523-14.524V95.542c0-7.776 6.895-14.084 16.43-14.084 6.896 0 14.965 2.787 19.806 8.802l4.4 5.282 60.737 72.618V95.835a14.463 14.463 0 0 1 14.524-14.524 14.463 14.463 0 0 1 14.523 14.524v99.613c0 7.775-6.895 14.083-16.43 14.083-6.896 0-14.965-2.787-19.806-8.802l-65.137-77.754v72.18Z"/></svg>
+<svg class="tech-icon" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid" viewBox="-17.5 0 291 291"><path fill="#009639" d="M2.054 218.187c1.32 2.347 3.227 4.108 5.575 5.428l112.962 65.137c4.695 2.787 10.416 2.787 14.964 0l112.963-65.137c4.695-2.64 7.482-7.629 7.482-13.057V80.284c0-5.428-2.787-10.416-7.482-13.056L135.555 2.09c-4.694-2.788-10.416-2.788-14.964 0L7.63 67.228C2.787 69.868 0 74.856 0 80.284v130.42c0 2.642.587 5.136 2.054 7.483"/><path fill="#FFF" d="M91.837 195.154a14.463 14.463 0 0 1-14.524 14.524 14.463 14.463 0 0 1-14.523-14.524V95.542c0-7.776 6.895-14.084 16.43-14.084 6.896 0 14.965 2.787 19.806 8.802l4.4 5.282 60.737 72.618V95.835a14.463 14.463 0 0 1 14.524-14.524 14.463 14.463 0 0 1 14.523 14.524v99.613c0 7.775-6.895 14.083-16.43 14.083-6.896 0-14.965-2.787-19.806-8.802l-65.137-77.754v72.18Z"/></svg>
diff --git a/src/assets/techs/node.svg b/src/assets/techs/node.svg
index ded4f3b..b184e18 100644
--- a/src/assets/techs/node.svg
+++ b/src/assets/techs/node.svg
@@ -1,5 +1,5 @@
 
-<svg viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<svg class="tech-icon" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M17.1725 2.29872C16.4627 1.89953 15.5373 1.90132 14.8269 2.29872C11.2689 4.26227 7.71082 6.22641 4.15216 8.18906C3.45969 8.55335 2.99264 9.29698 3.00009 10.0688V21.9328C2.99509 22.7197 3.48622 23.4705 4.19655 23.8298C5.21871 24.3736 6.2118 24.9726 7.25244 25.4802C8.45451 26.0709 9.95843 26.2015 11.1752 25.5855C12.1629 25.075 12.6016 23.9395 12.6003 22.896C12.6083 18.9806 12.6016 15.0651 12.6034 11.1496C12.6269 10.9756 12.4962 10.7896 12.3064 10.7938C11.8517 10.7866 11.3964 10.7896 10.9417 10.7926C10.7699 10.7764 10.6022 10.9191 10.6152 11.0918C10.6091 14.982 10.6164 18.8734 10.6115 22.7642C10.6214 23.3024 10.2578 23.8196 9.73913 24.0014C8.5412 24.4213 5.12198 22.2012 5.12198 22.2012C4.9965 22.1431 4.91682 22.007 4.92912 21.8718C4.92912 17.9576 4.92973 14.0433 4.92912 10.1297C4.91187 9.97191 5.00912 9.8298 5.15402 9.76538C8.70033 7.8134 12.2448 5.85654 15.7911 3.90336C15.9143 3.82115 16.086 3.8214 16.2089 3.90396C19.7552 5.85654 23.3003 7.81161 26.8472 9.76368C26.9926 9.828 27.0857 9.9725 27.0709 10.1297C27.0703 14.0433 27.0721 17.9576 27.0697 21.8713C27.0802 22.0098 27.0086 22.144 26.8793 22.2048C23.3661 24.1462 19.8129 26.025 16.3315 28.0228C16.1796 28.1099 16.0075 28.2086 15.8373 28.1126C14.9218 27.6062 14.0174 27.0801 13.1049 26.5688C13.0057 26.5069 12.8794 26.4803 12.7759 26.5496C12.3668 26.7652 11.982 26.9398 11.5122 27.1258C10.8524 27.387 10.9578 27.4938 11.5529 27.8405C12.62 28.4444 13.6889 29.0459 14.756 29.6504C15.4585 30.0888 16.4024 30.12 17.1275 29.7149C20.6861 27.7538 24.2436 25.7904 27.8029 23.8293C28.5113 23.468 29.0049 22.7202 28.9999 21.9327V10.0688C29.0068 9.31264 28.5576 8.58227 27.886 8.21259C24.3156 6.23947 20.7435 4.27064 17.1725 2.29872Z" fill="#8CC84B"/>
 <path d="M22.5419 11.2062C21.1452 10.459 19.4836 10.4192 17.9315 10.5169C16.8102 10.6277 15.6309 10.9371 14.814 11.7409C13.9761 12.5489 13.7937 13.8537 14.1917 14.9085C14.4769 15.6539 15.1948 16.1386 15.9372 16.395C16.8935 16.7326 17.8979 16.837 18.9026 16.9414C19.819 17.0366 20.7357 17.1319 21.6165 17.4042C21.9763 17.5234 22.3953 17.7058 22.5055 18.0973C22.6073 18.5609 22.4957 19.0998 22.1193 19.4219C20.9237 20.3682 17.5979 20.2232 16.4166 19.4784C15.939 19.1611 15.7332 18.5994 15.6495 18.0641C15.6402 17.8973 15.5059 17.7443 15.3248 17.757C14.8713 17.7516 14.4178 17.7528 13.9643 17.7564C13.8061 17.7431 13.6416 17.8557 13.6329 18.0172C13.5397 20.4689 15.7914 21.5377 17.9039 21.773C19.1108 21.888 20.3442 21.8814 21.5327 21.6224C22.4261 21.419 23.3219 21.0444 23.9369 20.3563C24.6953 19.52 24.8444 18.2749 24.5043 17.2332C24.2443 16.4559 23.5012 15.9573 22.7416 15.7008C21.7086 15.3466 20.4844 15.1562 19.5488 15.0671C18.1889 14.9376 16.5729 14.9905 16.188 14.0969C16.0345 13.629 16.1651 13.048 16.5951 12.7602C17.7328 11.9885 20.0483 12.091 21.2265 12.6675C21.7675 12.9384 22.081 13.4948 22.2104 14.0565C22.2344 14.2215 22.3454 14.3937 22.5364 14.3865C22.9868 14.3955 23.4372 14.3889 23.8875 14.3895C24.0422 14.4003 24.2116 14.313 24.2418 14.1546C24.2227 12.9806 23.6232 11.7788 22.5419 11.2062Z" fill="#8CC84B"/>
-</svg>
\ No newline at end of file
+</svg>
diff --git a/src/assets/techs/npm.svg b/src/assets/techs/npm.svg
index 7996898..f68c602 100644
--- a/src/assets/techs/npm.svg
+++ b/src/assets/techs/npm.svg
@@ -1,4 +1,4 @@
-<svg viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<svg class="tech-icon" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M0 10V20H9V22H16V20H32V10H0Z" fill="#CB3837"/>
 <path d="M5.46205 12H2V18H5.46205V13.6111H7.22344V18H8.98482V12H5.46205ZM10.7462 12V20H14.269V18H17.731V12H10.7462ZM15.9696 16.3889H14.269V13.6111H15.9696V16.3889ZM22.9545 12H19.4924V18H22.9545V13.6111H24.7158V18H26.4772V13.6111H28.2386V18H30V12H22.9545Z" fill="white"/>
-</svg>
\ No newline at end of file
+</svg>
diff --git a/src/assets/techs/nuxt.svg b/src/assets/techs/nuxt.svg
index 244a911..73868dd 100644
--- a/src/assets/techs/nuxt.svg
+++ b/src/assets/techs/nuxt.svg
@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 80 512 412" fill="none"><path fill="#00DC82" d="M281.44 397.667h156.88c5.006 0 9.798-1.759 14.133-4.24 4.336-2.481 8.805-5.596 11.307-9.894 2.502-4.297 4.242-9.173 4.24-14.134-.002-4.962-1.734-9.836-4.24-14.131l-106-182.321c-2.502-4.297-5.559-7.413-9.893-9.894-4.335-2.48-10.542-4.24-15.547-4.24-5.005 0-9.799 1.76-14.133 4.24-4.335 2.481-7.392 5.597-9.894 9.894l-26.853 46.64-53.707-90.457c-2.504-4.296-5.557-8.823-9.893-11.303-4.336-2.481-9.127-2.827-14.133-2.827-5.006 0-9.798.346-14.134 2.827-4.335 2.48-8.802 7.007-11.306 11.303L46.827 355.268c-2.506 4.295-2.825 9.169-2.827 14.131-.002 4.961.325 9.836 2.827 14.134 2.502 4.297 6.97 7.413 11.306 9.894 4.336 2.481 9.127 4.24 14.134 4.24H171.2c39.201 0 67.734-17.585 87.627-50.88L306.88 263.4l25.44-43.813 77.733 132.853H306.88l-25.44 45.227ZM169.787 352.44h-69.254l103.174-178.08L256 263.4l-34.639 60.384c-13.21 21.603-28.272 28.656-51.574 28.656Z"/></svg>
+<svg class="tech-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 80 512 412" fill="none"><path fill="#00DC82" d="M281.44 397.667h156.88c5.006 0 9.798-1.759 14.133-4.24 4.336-2.481 8.805-5.596 11.307-9.894 2.502-4.297 4.242-9.173 4.24-14.134-.002-4.962-1.734-9.836-4.24-14.131l-106-182.321c-2.502-4.297-5.559-7.413-9.893-9.894-4.335-2.48-10.542-4.24-15.547-4.24-5.005 0-9.799 1.76-14.133 4.24-4.335 2.481-7.392 5.597-9.894 9.894l-26.853 46.64-53.707-90.457c-2.504-4.296-5.557-8.823-9.893-11.303-4.336-2.481-9.127-2.827-14.133-2.827-5.006 0-9.798.346-14.134 2.827-4.335 2.48-8.802 7.007-11.306 11.303L46.827 355.268c-2.506 4.295-2.825 9.169-2.827 14.131-.002 4.961.325 9.836 2.827 14.134 2.502 4.297 6.97 7.413 11.306 9.894 4.336 2.481 9.127 4.24 14.134 4.24H171.2c39.201 0 67.734-17.585 87.627-50.88L306.88 263.4l25.44-43.813 77.733 132.853H306.88l-25.44 45.227ZM169.787 352.44h-69.254l103.174-178.08L256 263.4l-34.639 60.384c-13.21 21.603-28.272 28.656-51.574 28.656Z"/></svg>
diff --git a/src/assets/techs/nvidia.svg b/src/assets/techs/nvidia.svg
index 5b24cf9..4434623 100644
--- a/src/assets/techs/nvidia.svg
+++ b/src/assets/techs/nvidia.svg
@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="35.188 31.512 450 340"><path fill="var(--vtl-background-svg" d="M433.465 322.716c0 3.771-2.769 6.302-6.047 6.302v-.022c-3.371.023-6.089-2.508-6.089-6.278 0-3.77 2.718-6.294 6.089-6.294 3.279 0 6.047 2.523 6.047 6.292zm2.453 0c0-5.175-4.02-8.179-8.5-8.179-4.511 0-8.531 3.005-8.531 8.18 0 5.172 4.021 8.188 8.531 8.188 4.481 0 8.5-3.016 8.5-8.188m-9.91.692h.91l2.109 3.703h2.316l-2.336-3.86c1.207-.086 2.2-.66 2.2-2.286 0-2.019-1.392-2.668-3.75-2.668h-3.411v8.813h1.961v-3.703m.001-1.492v-2.122h1.364c.742 0 1.753.06 1.753.965 0 .985-.523 1.157-1.398 1.157h-1.719M378.676 277.635l10.598 28.993H367.75Zm-11.35-11.29-24.423 61.88h17.246l3.863-10.934h28.903l3.656 10.934h18.722l-24.605-61.888zm-49.033 61.903h17.497v-61.921l-17.5-.004zm-121.467-61.925L182.228 315.4l-13.984-49.074-18.879-.004 19.972 61.926h25.207l20.133-61.926zm70.725 13.484h7.52c10.91 0 17.966 4.898 17.966 17.609 0 12.714-7.056 17.613-17.966 17.613h-7.52zm-17.35-13.484v61.926h28.366c15.113 0 20.048-2.512 25.384-8.148 3.769-3.957 6.207-12.641 6.207-22.134 0-8.707-2.063-16.468-5.66-21.304-6.481-8.65-15.817-10.34-29.75-10.34zm-165.743-.086v62.012h17.645v-47.086l13.672.004c4.527 0 7.754 1.128 9.934 3.457 2.765 2.945 3.894 7.699 3.894 16.395v27.23h17.098v-34.262c0-24.453-15.586-27.75-30.836-27.75zm137.583.086.007 61.926h17.489v-61.926z"/><path fill="#77b900" d="M131.481 143.022s22.504-33.203 67.437-36.638V94.337c-49.769 3.998-92.867 46.15-92.867 46.15s24.41 70.565 92.867 77.026v-12.805c-50.237-6.32-67.437-61.687-67.437-61.687zm67.437 36.223v11.726c-37.968-6.77-48.507-46.237-48.507-46.237s18.23-20.195 48.507-23.47v12.867c-.023 0-.039-.007-.058-.007-15.891-1.907-28.305 12.938-28.305 12.938s6.958 24.99 28.363 32.182m0-107.125v22.218c1.461-.112 2.922-.207 4.391-.257 56.582-1.907 93.449 46.406 93.449 46.406s-42.343 51.488-86.457 51.488c-4.043 0-7.828-.375-11.383-1.005v13.74c3.04.385 6.192.612 9.481.612 41.051 0 70.738-20.965 99.484-45.778 4.766 3.817 24.278 13.103 28.289 17.168-27.332 22.883-91.031 41.33-127.144 41.33-3.481 0-6.824-.211-10.11-.528v19.306H354.95v-164.7Zm0 49.144v-14.879c1.446-.1 2.903-.179 4.391-.226 40.688-1.278 67.382 34.965 67.382 34.965s-28.832 40.043-59.746 40.043c-4.449 0-8.438-.715-12.028-1.922V134.13c15.84 1.914 19.028 8.911 28.551 24.786l21.18-17.859s-15.461-20.277-41.524-20.277c-2.833 0-5.544.198-8.206.483"/></svg>
+<svg class="tech-icon" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="35.188 31.512 450 340"><path fill="var(--vtl-background-svg" d="M433.465 322.716c0 3.771-2.769 6.302-6.047 6.302v-.022c-3.371.023-6.089-2.508-6.089-6.278 0-3.77 2.718-6.294 6.089-6.294 3.279 0 6.047 2.523 6.047 6.292zm2.453 0c0-5.175-4.02-8.179-8.5-8.179-4.511 0-8.531 3.005-8.531 8.18 0 5.172 4.021 8.188 8.531 8.188 4.481 0 8.5-3.016 8.5-8.188m-9.91.692h.91l2.109 3.703h2.316l-2.336-3.86c1.207-.086 2.2-.66 2.2-2.286 0-2.019-1.392-2.668-3.75-2.668h-3.411v8.813h1.961v-3.703m.001-1.492v-2.122h1.364c.742 0 1.753.06 1.753.965 0 .985-.523 1.157-1.398 1.157h-1.719M378.676 277.635l10.598 28.993H367.75Zm-11.35-11.29-24.423 61.88h17.246l3.863-10.934h28.903l3.656 10.934h18.722l-24.605-61.888zm-49.033 61.903h17.497v-61.921l-17.5-.004zm-121.467-61.925L182.228 315.4l-13.984-49.074-18.879-.004 19.972 61.926h25.207l20.133-61.926zm70.725 13.484h7.52c10.91 0 17.966 4.898 17.966 17.609 0 12.714-7.056 17.613-17.966 17.613h-7.52zm-17.35-13.484v61.926h28.366c15.113 0 20.048-2.512 25.384-8.148 3.769-3.957 6.207-12.641 6.207-22.134 0-8.707-2.063-16.468-5.66-21.304-6.481-8.65-15.817-10.34-29.75-10.34zm-165.743-.086v62.012h17.645v-47.086l13.672.004c4.527 0 7.754 1.128 9.934 3.457 2.765 2.945 3.894 7.699 3.894 16.395v27.23h17.098v-34.262c0-24.453-15.586-27.75-30.836-27.75zm137.583.086.007 61.926h17.489v-61.926z"/><path fill="#77b900" d="M131.481 143.022s22.504-33.203 67.437-36.638V94.337c-49.769 3.998-92.867 46.15-92.867 46.15s24.41 70.565 92.867 77.026v-12.805c-50.237-6.32-67.437-61.687-67.437-61.687zm67.437 36.223v11.726c-37.968-6.77-48.507-46.237-48.507-46.237s18.23-20.195 48.507-23.47v12.867c-.023 0-.039-.007-.058-.007-15.891-1.907-28.305 12.938-28.305 12.938s6.958 24.99 28.363 32.182m0-107.125v22.218c1.461-.112 2.922-.207 4.391-.257 56.582-1.907 93.449 46.406 93.449 46.406s-42.343 51.488-86.457 51.488c-4.043 0-7.828-.375-11.383-1.005v13.74c3.04.385 6.192.612 9.481.612 41.051 0 70.738-20.965 99.484-45.778 4.766 3.817 24.278 13.103 28.289 17.168-27.332 22.883-91.031 41.33-127.144 41.33-3.481 0-6.824-.211-10.11-.528v19.306H354.95v-164.7Zm0 49.144v-14.879c1.446-.1 2.903-.179 4.391-.226 40.688-1.278 67.382 34.965 67.382 34.965s-28.832 40.043-59.746 40.043c-4.449 0-8.438-.715-12.028-1.922V134.13c15.84 1.914 19.028 8.911 28.551 24.786l21.18-17.859s-15.461-20.277-41.524-20.277c-2.833 0-5.544.198-8.206.483"/></svg>
diff --git a/src/assets/techs/opensuse.svg b/src/assets/techs/opensuse.svg
index 146806d..2ea2130 100644
--- a/src/assets/techs/opensuse.svg
+++ b/src/assets/techs/opensuse.svg
@@ -1,4 +1,4 @@
-<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 -60 400 320.4">
+<svg class="tech-icon" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 -60 400 320.4">
   <defs>
     <clipPath id="a-suse">
       <path d="M0 200.3h320V0H0v200.3z"/>
diff --git a/src/assets/techs/opera.svg b/src/assets/techs/opera.svg
index 14b76f9..1c6c6ce 100644
--- a/src/assets/techs/opera.svg
+++ b/src/assets/techs/opera.svg
@@ -1,3 +1,3 @@
-<svg xmlns="http://www.w3.org/2000/svg" aria-label="Opera" role="img" viewBox="0 0 512 512">
+<svg class="tech-icon" xmlns="http://www.w3.org/2000/svg" aria-label="Opera" role="img" viewBox="0 0 512 512">
   <path d="M185.2 377.2c-23.7-28-39.1-69.6-40.2-116.1v-10.2c1-46.5 16.5-88 40.2-116 30.9-40.1 76.7-65.5 128-65.5 31.4 0 60.9 9.6 86 26.3A214.2 214.2 0 0 0 256.9 41h-.8a215 215 0 1 0 143.3 375.3 155.1 155.1 0 0 1-86.2 26.3c-51.2 0-97-25.4-127.9-65.4" fill="#ff1b2d"/><path d="M185.2 134.8c19.7-23.2 45.2-37.3 73-37.3 62.7 0 113.4 71 113.4 158.5s-50.7 158.5-113.3 158.5c-27.9 0-53.3-14-73-37.3 30.8 40 76.6 65.4 127.8 65.4 31.5 0 61-9.6 86.2-26.3 44-39.4 71.7-96.6 71.7-160.3 0-63.7-27.7-121-71.7-160.3A155.1 155.1 0 0 0 313 69.4c-51.2 0-97 25.4-127.9 65.4" fill="#a70014"/>
 </svg>
diff --git a/src/assets/techs/oracle.svg b/src/assets/techs/oracle.svg
index c4b5793..eec95d2 100644
--- a/src/assets/techs/oracle.svg
+++ b/src/assets/techs/oracle.svg
@@ -1,4 +1,4 @@
-<svg xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMinYMid" viewBox="0 -70 231 150">
+<svg class="tech-icon" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMinYMid" viewBox="0 -70 231 150">
   <path fill="#c74634"
     d="M99.59 19.52h15.24l-8.05-13L91.98 30h-6.73l18-28.17a4.29 4.29 0 0 1 7-.05L128.3 30h-6.73l-3.17-5.25h-15.42l-3.36-5.23m69.93 5.23V.28h-5.72v26.88a2.76 2.76 0 0 0 .85 2 2.89 2.89 0 0 0 2.08.87h26l3.39-5.25h-26.63m-94.54-4.4a10.05 10.05 0 0 0 0-20.1h-25V30h5.71V5.54h18.94a4.81 4.81 0 0 1 0 9.62H58.52L75.58 30h8.29l-11.46-9.62h2.57M14.86 30h17.27a14.86 14.86 0 0 0 0-29.71H14.86a14.86 14.86 0 1 0 0 29.71m16.88-5.23h-16.5a9.62 9.62 0 0 1 0-19.23h16.5a9.62 9.62 0 1 1 0 19.23M140.23 30h17.63l3.34-5.23h-20.58a9.62 9.62 0 1 1 0-19.23h16.75l3.38-5.25h-20.52a14.86 14.86 0 1 0 0 29.71m69.87-5.23a9.62 9.62 0 0 1-9.26-7h24.42l3.36-5.24h-27.78a9.61 9.61 0 0 1 9.26-7h16.76l3.35-5.25h-20.5a14.86 14.86 0 0 0 0 29.71h17.63l3.35-5.23h-20.6" />
 </svg>
diff --git a/src/assets/techs/pandas.svg b/src/assets/techs/pandas.svg
index b02245c..b959727 100644
--- a/src/assets/techs/pandas.svg
+++ b/src/assets/techs/pandas.svg
@@ -1,4 +1,4 @@
-<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg"
+<svg class="tech-icon" id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg"
   viewBox="0 50 218.63 231.21">
   <defs>
     <style>
diff --git a/src/assets/techs/php.svg b/src/assets/techs/php.svg
index 6f3d6fb..d93d0fa 100644
--- a/src/assets/techs/php.svg
+++ b/src/assets/techs/php.svg
@@ -1,4 +1,4 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -25 100 100" fill="var(--vtl-background-svg)">
+<svg class="tech-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 -25 100 100" fill="var(--vtl-background-svg)">
 	<path d="m7.579 10.123 14.204 0c4.169 0.035 7.19 1.237 9.063 3.604 1.873 2.367 2.491 5.6 1.855 9.699-0.247 1.873-0.795 3.71-1.643 5.512-0.813 1.802-1.943 3.427-3.392 4.876-1.767 1.837-3.657 3.003-5.671 3.498-2.014 0.495-4.099 0.742-6.254 0.742l-6.36 0-2.014 10.07-7.367 0 7.579-38.001 0 0m6.201 6.042-3.18 15.9c0.212 0.035 0.424 0.053 0.636 0.053 0.247 0 0.495 0 0.742 0 3.392 0.035 6.219-0.3 8.48-1.007 2.261-0.742 3.781-3.321 4.558-7.738 0.636-3.71 0-5.848-1.908-6.413-1.873-0.565-4.222-0.83-7.049-0.795-0.424 0.035-0.83 0.053-1.219 0.053-0.353 0-0.724 0-1.113 0l0.053-0.053"/>
 	<path d="m41.093 0 7.314 0-2.067 10.123 6.572 0c3.604 0.071 6.289 0.813 8.056 2.226 1.802 1.413 2.332 4.099 1.59 8.056l-3.551 17.649-7.42 0 3.392-16.854c0.353-1.767 0.247-3.021-0.318-3.763-0.565-0.742-1.784-1.113-3.657-1.113l-5.883-0.053-4.346 21.783-7.314 0 7.632-38.054 0 0"/>
 	<path d="m70.412 10.123 14.204 0c4.169 0.035 7.19 1.237 9.063 3.604 1.873 2.367 2.491 5.6 1.855 9.699-0.247 1.873-0.795 3.71-1.643 5.512-0.813 1.802-1.943 3.427-3.392 4.876-1.767 1.837-3.657 3.003-5.671 3.498-2.014 0.495-4.099 0.742-6.254 0.742l-6.36 0-2.014 10.07-7.367 0 7.579-38.001 0 0m6.201 6.042-3.18 15.9c0.212 0.035 0.424 0.053 0.636 0.053 0.247 0 0.495 0 0.742 0 3.392 0.035 6.219-0.3 8.48-1.007 2.261-0.742 3.781-3.321 4.558-7.738 0.636-3.71 0-5.848-1.908-6.413-1.873-0.565-4.222-0.83-7.049-0.795-0.424 0.035-0.83 0.053-1.219 0.053-0.353 0-0.724 0-1.113 0l0.053-0.053"/>
diff --git a/src/assets/techs/pinterest.svg b/src/assets/techs/pinterest.svg
index 5f96de7..6732634 100644
--- a/src/assets/techs/pinterest.svg
+++ b/src/assets/techs/pinterest.svg
@@ -1,4 +1,4 @@
-<svg aria-label="Pinterest" role="img" viewBox="0 0 24 24">
+<svg class="tech-icon" aria-label="Pinterest" role="img" viewBox="0 0 24 24">
   <rect width="24" height="24" fill="#fff" rx="100%"></rect>
   <path
     fill="#e60023"
diff --git a/src/assets/techs/playstore.svg b/src/assets/techs/playstore.svg
index 8d5dd01..246a7a3 100644
--- a/src/assets/techs/playstore.svg
+++ b/src/assets/techs/playstore.svg
@@ -1,5 +1,5 @@
 
-<svg viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<svg class="tech-icon" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
 <mask id="mask0_87_8320" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="7" y="3" width="24" height="26">
 <path d="M30.0484 14.4004C31.3172 15.0986 31.3172 16.9014 30.0484 17.5996L9.75627 28.7659C8.52052 29.4459 7 28.5634 7 27.1663L7 4.83374C7 3.43657 8.52052 2.55415 9.75627 3.23415L30.0484 14.4004Z" fill="#C4C4C4"/>
 </mask>
@@ -27,4 +27,4 @@
 <stop offset="1" stop-color="#01F176"/>
 </linearGradient>
 </defs>
-</svg>
\ No newline at end of file
+</svg>
diff --git a/src/assets/techs/postgresql.svg b/src/assets/techs/postgresql.svg
index 03d7d8c..1e01967 100644
--- a/src/assets/techs/postgresql.svg
+++ b/src/assets/techs/postgresql.svg
@@ -1,4 +1,4 @@
-<svg xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMinYMin meet" viewBox="-4 0 264 264">
+<svg class="tech-icon" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMinYMin meet" viewBox="-4 0 264 264">
   <path
     d="M255.008 158.086c-1.535-4.649-5.556-7.887-10.756-8.664-2.452-.366-5.26-.21-8.583.475-5.792 1.195-10.089 1.65-13.225 1.738 11.837-19.985 21.462-42.775 27.003-64.228 8.96-34.689 4.172-50.492-1.423-57.64C233.217 10.847 211.614.683 185.552.372c-13.903-.17-26.108 2.575-32.475 4.549-5.928-1.046-12.302-1.63-18.99-1.738-12.537-.2-23.614 2.533-33.079 8.15-5.24-1.772-13.65-4.27-23.362-5.864-22.842-3.75-41.252-.828-54.718 8.685C6.622 25.672-.937 45.684.461 73.634c.444 8.874 5.408 35.874 13.224 61.48 4.492 14.718 9.282 26.94 14.237 36.33 7.027 13.315 14.546 21.156 22.987 23.972 4.731 1.576 13.327 2.68 22.368-4.85 1.146 1.388 2.675 2.767 4.704 4.048 2.577 1.625 5.728 2.953 8.875 3.74 11.341 2.835 21.964 2.126 31.027-1.848.056 1.612.099 3.152.135 4.482.06 2.157.12 4.272.199 6.25.537 13.374 1.447 23.773 4.143 31.049.148.4.347 1.01.557 1.657 1.345 4.118 3.594 11.012 9.316 16.411 5.925 5.593 13.092 7.308 19.656 7.308 3.292 0 6.433-.432 9.188-1.022 9.82-2.105 20.973-5.311 29.041-16.799 7.628-10.86 11.336-27.217 12.007-52.99.087-.729.167-1.425.244-2.088l.16-1.362 1.797.158.463.031c10.002.456 22.232-1.665 29.743-5.154 5.935-2.754 24.954-12.795 20.476-26.351" />
   <path fill="#336791"
diff --git a/src/assets/techs/primevideo.svg b/src/assets/techs/primevideo.svg
index bfc0db8..f9e5188 100644
--- a/src/assets/techs/primevideo.svg
+++ b/src/assets/techs/primevideo.svg
@@ -1,4 +1,4 @@
-<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 -200 800.3 546.3">
+<svg class="tech-icon" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 -200 800.3 546.3">
   <path fill="#d1effa" d="M396.5 246.3v-.4c.4-.5 1.1-.8 1.7-.7 2.9-.1 5.7-.1 8.6 0 .6 0 1.3.2 1.7.7v.4h-12z"/>
   <path fill="#00a8e1" d="M408.5 245.9c-4-.1-8-.1-12 0-5.5-.3-11-.5-16.5-.9-14.6-1.1-29.1-3.3-43.3-6.6-49.1-11.4-92.2-34.3-129.8-67.6-3.5-3.1-6.8-6.3-10.2-9.5-.8-.7-1.5-1.7-1.9-2.7-.6-1.4-.3-2.9.7-4s2.6-1.5 4-.9c.9.4 1.8.8 2.6 1.3 35.9 22.2 75.1 38.4 116.2 48 13.8 3.2 27.7 5.7 41.7 7.5 20.1 2.5 40.4 3.4 60.6 2.7 10.9-.3 21.7-1.3 32.5-2.7 25.2-3.2 50.1-8.9 74.2-16.9 12.7-4.2 25.1-9 37.2-14.6 1.8-1 4-1.3 6-.8 3.3.8 5.3 4.2 4.5 7.5-.1.4-.3.9-.5 1.3-.8 1.5-1.9 2.8-3.3 3.8-11.5 9-23.9 16.9-37 23.5-24.7 12.5-51.1 21.4-78.3 26.5-15.7 2.8-31.5 4.5-47.4 5.1zM260.4 43.2c2.5-1.5 5.1-3.1 7.8-4.5 7-3.6 14.8-5.4 22.7-5 5.7.3 10.9 1.9 14.9 6.1 3.8 3.9 5.2 8.7 5.6 13.9.1 1.1.1 2.2.1 3.4v51.8c0 4.5-.6 5.1-5.1 5.1h-12.2c-.8 0-1.6 0-2.4-.1-1.2-.1-2.2-1.1-2.4-2.3-.2-1.1-.2-2.2-.2-3.3V62c.1-1.9-.1-3.7-.6-5.5-.8-3.1-3.6-5.3-6.8-5.5-5.9-.4-11.8.8-17.2 3.3-.8.2-1.3 1-1.2 1.8v52.6c0 1 0 1.9-.2 2.9 0 1.4-1.1 2.4-2.5 2.4-1.5.1-3 .1-4.6.1h-10.6c-3.7 0-4.5-.9-4.5-4.6V62.2c0-1.7-.1-3.5-.5-5.2-.7-3.4-3.6-5.8-7-6-6-.4-12.1.8-17.5 3.4-.8.2-1.3 1.1-1.1 1.9v53.3c0 3.7-.8 4.5-4.5 4.5H197c-3.5 0-4.4-1-4.4-4.4V40.3c0-.8.1-1.6.3-2.4.4-1.2 1.6-1.9 2.8-1.9h12.5c1.8 0 2.9 1.1 3.5 2.8.5 1.4.8 2.7 1.3 4.2 1 0 1.6-.7 2.3-1.1 5.5-3.4 11.3-6.3 17.8-7.5 5-1 10-1 15 0 4.7 1 8.9 3.8 11.6 7.8.2.3.4.5.6.7-.1.1 0 .1.1.3z"/>
   <path fill="var(--vtl-background-svg)" d="M467.7 93c.6-2 1.2-3.9 1.8-5.9 4.6-15.5 9.2-30.9 13.8-46.4l.6-1.8c.5-1.8 2.2-2.9 4-2.9h15.2c3.8 0 4.6 1.1 3.3 4.7l-6 15.9c-6.7 17.4-13.4 34.9-20.1 52.3-.2.6-.5 1.2-.7 1.8-.7 2.1-2.8 3.5-5 3.3-4.4-.1-8.8-.1-13.2 0-3.1.1-4.9-1.3-6-4.1-2.5-6.6-5.1-13.3-7.6-19.9-6-15.7-12.1-31.4-18.1-47.2-.6-1.2-1-2.6-1.3-3.9-.3-2 .4-3 2.4-3 5.7-.1 11.4 0 17 0 2.4 0 3.5 1.6 4.1 3.7 1.1 3.8 2.2 7.7 3.4 11.5 4.1 13.9 8.1 27.9 12.2 41.8-.1.1 0 .1.2.1z"/>
diff --git a/src/assets/techs/pwa.svg b/src/assets/techs/pwa.svg
index aed2bc5..01212e1 100644
--- a/src/assets/techs/pwa.svg
+++ b/src/assets/techs/pwa.svg
@@ -1,5 +1,5 @@
 
-<svg viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
+<svg class="tech-icon" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
 <path fill="var(--vtl-background-svg)" d="M330.7,352l77.72-192H356.9L303.74,284.07,265.93,160H226.32L185.74,284.07l-28.63-56.53L131.21,307l26.3,45h50.7l36.68-111.27,35,111.27Z"/>
 <path fill="#f00" d="M48.79,286.09H80.44a93.39,93.39,0,0,0,25.62-3.21l8.18-25.19,22.88-70.39a55.75,55.75,0,0,0-6-7.82Q113.54,160,79.59,160H0V352H48.79Zm41.9-81.92q6.89,6.92,6.88,18.52t-6,18.53q-6.64,7.62-24.44,7.61H48.79V197.25H67.21q16.59,0,23.48,6.92ZM376.85,317.61l14.79-37.25h42.69l-20.26-56.51L439.41,160,512,352H458.47l-12.4-34.39Z"/>
-</svg>
\ No newline at end of file
+</svg>
diff --git a/src/assets/techs/python.svg b/src/assets/techs/python.svg
index 911e811..ca32036 100644
--- a/src/assets/techs/python.svg
+++ b/src/assets/techs/python.svg
@@ -1,4 +1,4 @@
-<svg viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<svg class="tech-icon" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
     <path fill-rule="evenodd" clip-rule="evenodd" d="M13.0164 2C10.8193 2 9.03825 3.72453 9.03825 5.85185V8.51852H15.9235V9.25926H5.97814C3.78107 9.25926 2 10.9838 2 13.1111L2 18.8889C2 21.0162 3.78107 22.7407 5.97814 22.7407H8.27322V19.4815C8.27322 17.3542 10.0543 15.6296 12.2514 15.6296H19.5956C21.4547 15.6296 22.9617 14.1704 22.9617 12.3704V5.85185C22.9617 3.72453 21.1807 2 18.9836 2H13.0164ZM12.0984 6.74074C12.8589 6.74074 13.4754 6.14378 13.4754 5.40741C13.4754 4.67103 12.8589 4.07407 12.0984 4.07407C11.3378 4.07407 10.7213 4.67103 10.7213 5.40741C10.7213 6.14378 11.3378 6.74074 12.0984 6.74074Z" fill="url(#paint0_linear_87_8204)"/>
     <path fill-rule="evenodd" clip-rule="evenodd" d="M18.9834 30C21.1805 30 22.9616 28.2755 22.9616 26.1482V23.4815L16.0763 23.4815L16.0763 22.7408L26.0217 22.7408C28.2188 22.7408 29.9998 21.0162 29.9998 18.8889V13.1111C29.9998 10.9838 28.2188 9.25928 26.0217 9.25928L23.7266 9.25928V12.5185C23.7266 14.6459 21.9455 16.3704 19.7485 16.3704L12.4042 16.3704C10.5451 16.3704 9.03809 17.8296 9.03809 19.6296L9.03809 26.1482C9.03809 28.2755 10.8192 30 13.0162 30H18.9834ZM19.9015 25.2593C19.1409 25.2593 18.5244 25.8562 18.5244 26.5926C18.5244 27.329 19.1409 27.9259 19.9015 27.9259C20.662 27.9259 21.2785 27.329 21.2785 26.5926C21.2785 25.8562 20.662 25.2593 19.9015 25.2593Z" fill="url(#paint1_linear_87_8204)"/>
     <defs>
@@ -11,4 +11,4 @@
             <stop offset="1" stop-color="#F9C600"/>
         </linearGradient>
     </defs>
-</svg>
\ No newline at end of file
+</svg>
diff --git a/src/assets/techs/qwik.svg b/src/assets/techs/qwik.svg
index 0a03345..554a1f2 100644
--- a/src/assets/techs/qwik.svg
+++ b/src/assets/techs/qwik.svg
@@ -1,4 +1,4 @@
-<svg xmlns="http://www.w3.org/2000/svg" fill="none" aria-label="Qwik Logo" class="qwik-logo" viewBox="-4 0 53 53">
+<svg class="tech-icon" xmlns="http://www.w3.org/2000/svg" fill="none" aria-label="Qwik Logo" class="qwik-logo" viewBox="-4 0 53 53">
   <path fill="#18B6F6" d="M40.973 52.535 32.086 43.7l-.136.019v-.097L13.051 24.959l4.657-4.495-2.736-15.697L1.991 20.851C-.221 23.08-.629 26.704.963 29.378l8.11 13.449c1.242 2.073 3.493 3.313 5.918 3.294l4.017-.039 21.965 6.453Z"/>
   <path fill="#AC7EF4" d="m45.823 20.541-1.785-3.294-.931-1.686-.369-.659-.039.039-4.89-8.469a6.846 6.846 0 0 0-5.995-3.43l-4.288.117-12.788.038a6.847 6.847 0 0 0-5.86 3.372l-7.78 15.425L15.01 4.729l18.24 20.038-3.24 3.275 1.94 15.677.019-.039v.039h-.039l.039.038 1.513 1.473 7.354 7.19c.31.29.815-.058.602-.427l-4.54-8.933 7.916-14.63.252-.291c.097-.117.194-.233.272-.35 1.552-2.112 1.766-4.94.485-7.247Z"/>
   <path fill="#fff" d="M33.308 24.688 15.01 4.748l2.6 15.619-4.657 4.515L31.91 43.699l-1.707-15.62 3.105-3.39Z"/>
diff --git a/src/assets/techs/raspberry.svg b/src/assets/techs/raspberry.svg
index 109027d..cf6cdc2 100644
--- a/src/assets/techs/raspberry.svg
+++ b/src/assets/techs/raspberry.svg
@@ -1,4 +1,4 @@
-<svg xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMinYMin meet"
+<svg class="tech-icon" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMinYMin meet"
   viewBox="-35.5 0 327 327">
   <path
     d="M69.298.005c-1.653.051-3.433.662-5.453 2.255C58.9.353 54.102-.31 49.813 3.573c-6.623-.859-8.775.914-10.406 2.984-1.454-.03-10.879-1.495-15.202 4.953C13.343 10.225 9.91 17.899 13.8 25.056c-2.219 3.434-4.518 6.827.67 13.375-1.835 3.646-.697 7.602 3.626 12.389-1.14 5.127 1.102 8.743 5.125 11.562-.753 7.015 6.433 11.094 8.578 12.547.824 4.087 2.541 7.945 10.748 10.077 1.354 6.092 6.286 7.144 11.063 8.422-15.787 9.177-29.325 21.25-29.233 50.875l-2.313 4.125c-18.102 11.008-34.388 46.39-8.92 75.148 1.663 9.002 4.453 15.468 6.937 22.624 3.715 28.836 27.962 42.339 34.358 43.936 9.371 7.138 19.352 13.911 32.86 18.656 12.731 13.131 26.525 18.136 40.394 18.128.204 0 28.277-4.996 41.01-18.128 13.506-4.745 23.487-11.518 32.86-18.656 6.394-1.597 30.641-15.1 34.356-43.936 2.484-7.156 5.274-13.622 6.938-22.624 25.466-28.761 9.181-64.144-8.92-75.152l-2.317-4.125c.092-29.622-13.446-41.696-29.233-50.875 4.776-1.278 9.71-2.33 11.062-8.422 8.207-2.133 9.925-5.99 10.748-10.077 2.146-1.453 9.331-5.532 8.58-12.547 4.021-2.819 6.264-6.436 5.123-11.562 4.324-4.787 5.461-8.743 3.626-12.39 5.19-6.544 2.887-9.937.671-13.371 3.888-7.157.457-14.832-10.409-13.546-4.32-6.448-13.744-4.984-15.202-4.954-1.63-2.069-3.782-3.842-10.405-2.983-4.289-3.883-9.085-3.221-14.032-1.313-5.874-4.635-9.76-.92-14.2.485-7.112-2.324-8.739.859-12.233 2.156-7.756-1.639-10.113 1.929-13.83 5.695l-4.326-.086c-11.698 6.894-17.51 20.932-19.57 28.149-2.06-7.218-7.859-21.256-19.555-28.149l-4.325.086c-3.723-3.766-6.079-7.334-13.835-5.695C86.78 3.603 85.16.42 78.042 2.744c-2.914-.922-5.594-2.838-8.749-2.74L-11 141" />
diff --git a/src/assets/techs/react.svg b/src/assets/techs/react.svg
index 7e17115..8144883 100755
--- a/src/assets/techs/react.svg
+++ b/src/assets/techs/react.svg
@@ -1,3 +1,3 @@
-<svg viewBox="0 -14 256 256" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid">
+<svg class="tech-icon" viewBox="0 -14 256 256" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid">
   <path d="M210.483 73.824a171.49 171.49 0 0 0-8.24-2.597c.465-1.9.893-3.777 1.273-5.621 6.238-30.281 2.16-54.676-11.769-62.708-13.355-7.7-35.196.329-57.254 19.526a171.23 171.23 0 0 0-6.375 5.848 155.866 155.866 0 0 0-4.241-3.917C100.759 3.829 77.587-4.822 63.673 3.233 50.33 10.957 46.379 33.89 51.995 62.588a170.974 170.974 0 0 0 1.892 8.48c-3.28.932-6.445 1.924-9.474 2.98C17.309 83.498 0 98.307 0 113.668c0 15.865 18.582 31.778 46.812 41.427a145.52 145.52 0 0 0 6.921 2.165 167.467 167.467 0 0 0-2.01 9.138c-5.354 28.2-1.173 50.591 12.134 58.266 13.744 7.926 36.812-.22 59.273-19.855a145.567 145.567 0 0 0 5.342-4.923 168.064 168.064 0 0 0 6.92 6.314c21.758 18.722 43.246 26.282 56.54 18.586 13.731-7.949 18.194-32.003 12.4-61.268a145.016 145.016 0 0 0-1.535-6.842c1.62-.48 3.21-.974 4.76-1.488 29.348-9.723 48.443-25.443 48.443-41.52 0-15.417-17.868-30.326-45.517-39.844Zm-6.365 70.984c-1.4.463-2.836.91-4.3 1.345-3.24-10.257-7.612-21.163-12.963-32.432 5.106-11 9.31-21.767 12.459-31.957 2.619.758 5.16 1.557 7.61 2.4 23.69 8.156 38.14 20.213 38.14 29.504 0 9.896-15.606 22.743-40.946 31.14Zm-10.514 20.834c2.562 12.94 2.927 24.64 1.23 33.787-1.524 8.219-4.59 13.698-8.382 15.893-8.067 4.67-25.32-1.4-43.927-17.412a156.726 156.726 0 0 1-6.437-5.87c7.214-7.889 14.423-17.06 21.459-27.246 12.376-1.098 24.068-2.894 34.671-5.345.522 2.107.986 4.173 1.386 6.193ZM87.276 214.515c-7.882 2.783-14.16 2.863-17.955.675-8.075-4.657-11.432-22.636-6.853-46.752a156.923 156.923 0 0 1 1.869-8.499c10.486 2.32 22.093 3.988 34.498 4.994 7.084 9.967 14.501 19.128 21.976 27.15a134.668 134.668 0 0 1-4.877 4.492c-9.933 8.682-19.886 14.842-28.658 17.94ZM50.35 144.747c-12.483-4.267-22.792-9.812-29.858-15.863-6.35-5.437-9.555-10.836-9.555-15.216 0-9.322 13.897-21.212 37.076-29.293 2.813-.98 5.757-1.905 8.812-2.773 3.204 10.42 7.406 21.315 12.477 32.332-5.137 11.18-9.399 22.249-12.634 32.792a134.718 134.718 0 0 1-6.318-1.979Zm12.378-84.26c-4.811-24.587-1.616-43.134 6.425-47.789 8.564-4.958 27.502 2.111 47.463 19.835a144.318 144.318 0 0 1 3.841 3.545c-7.438 7.987-14.787 17.08-21.808 26.988-12.04 1.116-23.565 2.908-34.161 5.309a160.342 160.342 0 0 1-1.76-7.887Zm110.427 27.268a347.8 347.8 0 0 0-7.785-12.803c8.168 1.033 15.994 2.404 23.343 4.08-2.206 7.072-4.956 14.465-8.193 22.045a381.151 381.151 0 0 0-7.365-13.322Zm-45.032-43.861c5.044 5.465 10.096 11.566 15.065 18.186a322.04 322.04 0 0 0-30.257-.006c4.974-6.559 10.069-12.652 15.192-18.18ZM82.802 87.83a323.167 323.167 0 0 0-7.227 13.238c-3.184-7.553-5.909-14.98-8.134-22.152 7.304-1.634 15.093-2.97 23.209-3.984a321.524 321.524 0 0 0-7.848 12.897Zm8.081 65.352c-8.385-.936-16.291-2.203-23.593-3.793 2.26-7.3 5.045-14.885 8.298-22.6a321.187 321.187 0 0 0 7.257 13.246c2.594 4.48 5.28 8.868 8.038 13.147Zm37.542 31.03c-5.184-5.592-10.354-11.779-15.403-18.433 4.902.192 9.899.29 14.978.29 5.218 0 10.376-.117 15.453-.343-4.985 6.774-10.018 12.97-15.028 18.486Zm52.198-57.817c3.422 7.8 6.306 15.345 8.596 22.52-7.422 1.694-15.436 3.058-23.88 4.071a382.417 382.417 0 0 0 7.859-13.026 347.403 347.403 0 0 0 7.425-13.565Zm-16.898 8.101a358.557 358.557 0 0 1-12.281 19.815 329.4 329.4 0 0 1-23.444.823c-7.967 0-15.716-.248-23.178-.732a310.202 310.202 0 0 1-12.513-19.846h.001a307.41 307.41 0 0 1-10.923-20.627 310.278 310.278 0 0 1 10.89-20.637l-.001.001a307.318 307.318 0 0 1 12.413-19.761c7.613-.576 15.42-.876 23.31-.876H128c7.926 0 15.743.303 23.354.883a329.357 329.357 0 0 1 12.335 19.695 358.489 358.489 0 0 1 11.036 20.54 329.472 329.472 0 0 1-11 20.722Zm22.56-122.124c8.572 4.944 11.906 24.881 6.52 51.026-.344 1.668-.73 3.367-1.15 5.09-10.622-2.452-22.155-4.275-34.23-5.408-7.034-10.017-14.323-19.124-21.64-27.008a160.789 160.789 0 0 1 5.888-5.4c18.9-16.447 36.564-22.941 44.612-18.3ZM128 90.808c12.625 0 22.86 10.235 22.86 22.86s-10.235 22.86-22.86 22.86-22.86-10.235-22.86-22.86 10.235-22.86 22.86-22.86Z" fill="#00D8FF"/>
 </svg>
diff --git a/src/assets/techs/redhat.svg b/src/assets/techs/redhat.svg
index bcae106..5878d5f 100644
--- a/src/assets/techs/redhat.svg
+++ b/src/assets/techs/redhat.svg
@@ -1,3 +1,3 @@
-<svg xmlns="http://www.w3.org/2000/svg" aria-label="RedHat" role="img" viewBox="0 0 512 512">
+<svg class="tech-icon" xmlns="http://www.w3.org/2000/svg" aria-label="RedHat" role="img" viewBox="0 0 512 512">
   <path d="M379 255l3 20c5 89-241 29-237-46 0-5 1-9 3-14l7-17s170 44 220 39z"/><path fill="#e00" d="M317 277c24 0 58-5 58-33a27 27 0 000-7l-15-62c-3-13-6-20-30-32-18-9-59-25-70-25-12 0-15 15-28 15s-22-11-34-11-19 8-25 24l-18 52a12 12 0 00-1 4c0 17 70 75 163 75m62-22l3 20c0 26-30 41-69 41-90 0-168-52-168-87a35 35 0 013-14c-32 2-74 8-74 44 0 60 143 135 256 135 86 0 108-39 108-70 0-25-21-52-59-69"/>
 </svg>
diff --git a/src/assets/techs/redis.svg b/src/assets/techs/redis.svg
index b4c9d80..88fb3e5 100644
--- a/src/assets/techs/redis.svg
+++ b/src/assets/techs/redis.svg
@@ -1,4 +1,4 @@
-<svg xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMinYMin meet" viewBox="0 -18 256 256">
+<svg class="tech-icon" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMinYMin meet" viewBox="0 -18 256 256">
   <path fill="#912626"
     d="M245.97 168.943c-13.662 7.121-84.434 36.22-99.501 44.075-15.067 7.856-23.437 7.78-35.34 2.09-11.902-5.69-87.216-36.112-100.783-42.597C3.566 169.271 0 166.535 0 163.951v-25.876s98.05-21.345 113.879-27.024c15.828-5.679 21.32-5.884 34.79-.95 13.472 4.936 94.018 19.468 107.331 24.344l-.006 25.51c.002 2.558-3.07 5.364-10.024 8.988" />
   <path fill="#C6302B"
diff --git a/src/assets/techs/ruby.svg b/src/assets/techs/ruby.svg
index 2db7150..02a04ae 100644
--- a/src/assets/techs/ruby.svg
+++ b/src/assets/techs/ruby.svg
@@ -1,4 +1,4 @@
-<svg viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<svg class="tech-icon" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path fill-rule="evenodd" clip-rule="evenodd" d="M22.5941 19.8407L8.8916 27.9998L26.6338 26.7925L28.0003 8.85254L22.5941 19.8407Z" fill="url(#paint0_linear_87_8208)"/>
 <path fill-rule="evenodd" clip-rule="evenodd" d="M26.6631 26.7806L25.1381 16.2261L20.9844 21.7262L26.6631 26.7806Z" fill="url(#paint1_linear_87_8208)"/>
 <path fill-rule="evenodd" clip-rule="evenodd" d="M26.6836 26.7803L15.5117 25.9009L8.95117 27.9769L26.6836 26.7803Z" fill="url(#paint2_linear_87_8208)"/>
@@ -117,4 +117,4 @@
 <stop offset="1" stop-color="#791C12"/>
 </linearGradient>
 </defs>
-</svg>
\ No newline at end of file
+</svg>
diff --git a/src/assets/techs/rust.svg b/src/assets/techs/rust.svg
index 1f6debd..cf9b476 100644
--- a/src/assets/techs/rust.svg
+++ b/src/assets/techs/rust.svg
@@ -1,4 +1,4 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 20 144 104">
+<svg class="tech-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 20 144 104">
   <path fill="var(--vtl-background-svg" d="M71.05 23.68c-26.06 0-47.27 21.22-47.27 47.27S45 118.22 71.05 118.22 118.32 97 118.32 70.95 97.1 23.68 71.05 23.68zm-.07 4.2A3.1 3.11 0 0 1 74 30.99a3.11 3.11 0 0 1-6.22 0 3.11 3.11 0 0 1 3.2-3.11zM78.1 33a38.27 38.27 0 0 1 26.2 18.66l-3.67 8.28a2.86 2.86 0 0 0 1.44 3.75l7.06 3.13a38.27 38.27 0 0 1 .08 6.64h-3.93c-.39 0-.55.26-.55.64v1.8c0 4.24-2.39 5.17-4.49 5.4-2 .23-4.21-.84-4.49-2.06-1.18-6.63-3.14-8.04-6.24-10.49 3.85-2.44 7.85-6.05 7.85-10.87 0-5.21-3.57-8.49-6-10.1-3.42-2.25-7.2-2.7-8.22-2.7h-40.6A38.27 38.27 0 0 1 63.95 33l4.79 5.02a2.82 2.82 0 0 0 4 .09zM33.9 56.02a3.11 3.11 0 0 1 3.02 3.11 3.11 3.11 0 0 1-6.22 0 3.11 3.11 0 0 1 3.2-3.11zm74.15.14a3.11 3.11 0 0 1 3.02 3.11 3.11 3.11 0 0 1-6.22 0 3.11 3.11 0 0 1 3.2-3.11zm-68.29.5h5.42V81.1H34.24A38.27 38.27 0 0 1 33 66.49l6.7-2.98a2.832 2.832 0 0 0 1.44-3.74zm22.62.26h12.91c.67 0 4.71.77 4.71 3.8 0 2.51-3.1 3.41-5.65 3.41H62.37zm0 17.56h9.89c.9 0 4.83.26 6.08 5.28.39 1.54 1.26 6.56 1.85 8.17.59 1.8 2.98 5.4 5.53 5.4h16.14a38.27 38.27 0 0 1-3.54 4.1l-6.57-1.41a2.84 2.84 0 0 0-3.37 2.18l-1.56 7.28a38.27 38.27 0 0 1-31.91-.15l-1.56-7.28A2.83 2.83 0 0 0 50 95.87l-6.43 1.38a38.27 38.27 0 0 1-3.32-3.92h31.27c.35 0 .59-.06.59-.39V81.88c0-.32-.24-.39-.59-.39h-9.15zM47.95 99.81a3.11 3.11 0 0 1 3.02 3.11 3.11 3.11 0 0 1-6.22 0 3.11 3.11 0 0 1 3.2-3.11zm46.05.14a3.11 3.11 0 0 1 3.02 3.11 3.11 3.11 0 0 1-6.22 0 3.11 3.11 0 0 1 3.2-3.11z"/>
   <path fill-rule="evenodd" stroke="var(--vtl-background-svg" stroke-linecap="round" stroke-linejoin="round" stroke-width="3" d="M115.68 70.95a44.63 44.63 0 0 1-44.63 44.63 44.63 44.63 0 0 1-44.63-44.63 44.63 44.63 0 0 1 44.63-44.63 44.63 44.63 0 0 1 44.63 44.63zm-.84-4.31 6.96 4.31-6.96 4.31 5.98 5.59-7.66 2.87 4.78 6.65-8.09 1.32 3.4 7.46-8.19-.29 1.88 7.98-7.98-1.88.29 8.19-7.46-3.4-1.32 8.09-6.65-4.78-2.87 7.66-5.59-5.98-4.31 6.96-4.31-6.96-5.59 5.98-2.87-7.66-6.65 4.78-1.32-8.09-7.46 3.4.29-8.19-7.98 1.88 1.88-7.98-8.19.29 3.4-7.46-8.09-1.32 4.78-6.65-7.66-2.87 5.98-5.59-6.96-4.31 6.96-4.31-5.98-5.59 7.66-2.87-4.78-6.65 8.09-1.32-3.4-7.46 8.19.29-1.88-7.98 7.98 1.88-.29-8.19 7.46 3.4 1.32-8.09 6.65 4.78 2.87-7.66 5.59 5.98 4.31-6.96 4.31 6.96 5.59-5.98 2.87 7.66 6.65-4.78 1.32 8.09 7.46-3.4-.29 8.19 7.98-1.88-1.88 7.98 8.19-.29-3.4 7.46 8.09 1.32-4.78 6.65 7.66 2.87z"/>
 </svg>
diff --git a/src/assets/techs/safari.svg b/src/assets/techs/safari.svg
index 007db2e..7f35ee6 100644
--- a/src/assets/techs/safari.svg
+++ b/src/assets/techs/safari.svg
@@ -1,5 +1,5 @@
 
-<svg viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<svg class="tech-icon" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M16 30C23.732 30 30 23.732 30 16C30 8.26801 23.732 2 16 2C8.26801 2 2 8.26801 2 16C2 23.732 8.26801 30 16 30Z" fill="url(#paint0_linear_87_6961)"/>
 <path d="M15.9998 28.9498C23.1519 28.9498 28.9498 23.1519 28.9498 15.9998C28.9498 8.84772 23.1519 3.0498 15.9998 3.0498C8.84772 3.0498 3.0498 8.84772 3.0498 15.9998C3.0498 23.1519 8.84772 28.9498 15.9998 28.9498Z" fill="url(#paint1_radial_87_6961)"/>
 <path d="M16.0215 6.20007C15.934 6.20007 15.8574 6.13447 15.8574 6.04697V3.76101C15.8574 3.67351 15.934 3.60791 16.0215 3.60791C16.109 3.60791 16.1855 3.67351 16.1855 3.76101V6.04697C16.1746 6.13447 16.109 6.20007 16.0215 6.20007Z" fill="#F3F3F3"/>
@@ -151,4 +151,4 @@
 <stop offset="1"/>
 </linearGradient>
 </defs>
-</svg>
\ No newline at end of file
+</svg>
diff --git a/src/assets/techs/sass.svg b/src/assets/techs/sass.svg
index 334401a..ed1609e 100755
--- a/src/assets/techs/sass.svg
+++ b/src/assets/techs/sass.svg
@@ -1 +1 @@
-<svg viewBox="0 -32 256 256" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid"><path d="M220.281 110.514c-8.906.046-16.647 2.191-23.128 5.362-2.379-4.71-4.757-8.906-5.176-11.984-.467-3.59-1.026-5.782-.467-10.072.56-4.29 3.078-10.399 3.031-10.865-.046-.466-.56-2.658-5.689-2.704-5.129-.047-9.559.979-10.072 2.331-.513 1.352-1.492 4.43-2.145 7.6-.886 4.664-10.258 21.31-15.62 30.03-1.726-3.403-3.218-6.388-3.545-8.766-.466-3.59-1.026-5.782-.466-10.072.56-4.29 3.078-10.398 3.031-10.865-.047-.466-.56-2.658-5.689-2.704-5.13-.047-9.56.979-10.072 2.331-.513 1.353-1.073 4.523-2.145 7.601-1.073 3.078-13.523 30.87-16.787 38.05a214.726 214.726 0 0 1-4.15 8.627s-.047.14-.187.373a117.773 117.773 0 0 1-1.398 2.658v.046c-.7 1.26-1.446 2.425-1.819 2.425-.28 0-.793-3.357.093-7.927 1.865-9.652 6.295-24.667 6.249-25.18 0-.28.839-2.891-2.891-4.244-3.638-1.352-4.943.886-5.27.886-.326 0-.56.793-.56.793s4.058-16.88-7.74-16.88c-7.367 0-17.533 8.067-22.569 15.341a6269.96 6269.96 0 0 0-17.16 9.373c-2.75 1.539-5.595 3.078-8.253 4.523-.187-.186-.373-.42-.56-.606-14.269-15.248-40.661-26.02-39.542-46.49.42-7.461 2.984-27.046 50.687-50.827 39.262-19.352 70.505-13.99 75.914-2.099 7.74 16.974-16.74 48.496-57.309 53.065-15.481 1.726-23.595-4.243-25.646-6.481-2.145-2.332-2.472-2.472-3.265-2.005-1.305.7-.466 2.798 0 4.01 1.213 3.17 6.202 8.766 14.642 11.518 7.461 2.424 25.6 3.777 47.563-4.71 24.574-9.513 43.786-35.952 38.144-58.101-5.643-22.476-42.947-29.89-78.246-17.347C61.086 13.99 38.33 25.74 21.963 41.035 2.518 59.22-.56 75.028.699 81.65c4.524 23.501 36.932 38.796 49.895 50.127-.653.373-1.26.7-1.772.98-6.482 3.217-31.196 16.133-37.351 29.796-6.994 15.481 1.12 26.58 6.482 28.071 16.647 4.617 33.76-3.683 42.946-17.393 9.186-13.709 8.067-31.522 3.824-39.682-.047-.093-.093-.187-.187-.28 1.679-.979 3.404-2.005 5.083-2.984a247.933 247.933 0 0 1 9.373-5.27c-1.586 4.337-2.752 9.513-3.311 16.974-.7 8.767 2.89 20.144 7.6 24.62 2.099 1.96 4.57 2.006 6.156 2.006 5.502 0 7.974-4.57 10.725-9.979 3.357-6.621 6.388-14.315 6.388-14.315s-3.777 20.797 6.482 20.797c3.73 0 7.507-4.85 9.186-7.321v.046s.093-.14.28-.466c.373-.606.606-.98.606-.98v-.092c1.492-2.612 4.85-8.534 9.839-18.373 6.435-12.683 12.637-28.537 12.637-28.537s.56 3.87 2.471 10.305c1.12 3.777 3.45 7.927 5.316 11.937-1.492 2.099-2.425 3.264-2.425 3.264l.047.047c-1.213 1.585-2.518 3.31-3.964 4.99-5.083 6.061-11.144 13.01-11.984 15.014-.98 2.378-.746 4.104 1.12 5.503 1.352 1.026 3.776 1.165 6.248 1.026 4.57-.327 7.787-1.446 9.372-2.145 2.472-.886 5.363-2.239 8.067-4.244 4.99-3.684 8.02-8.953 7.741-15.9-.14-3.824-1.399-7.648-2.938-11.239.467-.652.886-1.305 1.353-1.958 7.88-11.518 13.989-24.155 13.989-24.155s.56 3.87 2.471 10.306c.933 3.264 2.845 6.808 4.523 10.258-7.414 6.016-11.984 13.01-13.616 17.58-2.937 8.487-.653 12.31 3.684 13.196 1.958.42 4.756-.513 6.808-1.399 2.611-.839 5.689-2.284 8.627-4.43 4.99-3.683 9.792-8.813 9.512-15.76-.14-3.171-.979-6.296-2.145-9.327 6.295-2.61 14.409-4.056 24.76-2.844 22.197 2.611 26.58 16.46 25.74 22.29-.839 5.828-5.502 8.999-7.04 9.978-1.54.98-2.052 1.306-1.912 2.005.186 1.026.932.98 2.238.793 1.819-.326 11.658-4.71 12.077-15.435.7-13.709-12.357-28.677-35.439-28.537ZM49.055 168.242c-7.368 8.02-17.626 11.051-22.056 8.487-4.756-2.752-2.891-14.596 6.155-23.082 5.502-5.176 12.59-9.98 17.3-12.917 1.072-.653 2.658-1.585 4.57-2.751.326-.187.513-.28.513-.28l1.119-.7c3.31 12.124.14 22.803-7.601 31.243Zm53.625-36.465c-2.565 6.249-7.927 22.243-11.191 21.357-2.798-.746-4.524-12.87-.56-24.854 2.005-6.016 6.248-13.197 8.72-15.994 4.01-4.477 8.44-5.97 9.512-4.15 1.353 2.378-4.896 19.724-6.481 23.641Zm44.252 21.17c-1.073.56-2.098.933-2.565.653-.326-.187.467-.933.467-.933s5.549-5.968 7.74-8.673c1.26-1.585 2.751-3.45 4.337-5.549v.606c0 7.135-6.902 11.938-9.98 13.896Zm34.133-7.787c-.793-.56-.653-2.425 2.005-8.254 1.026-2.285 3.45-6.108 7.601-9.792.466 1.492.793 2.938.746 4.29-.047 9-6.481 12.357-10.352 13.756Z" fill="#CD6799"/></svg>
+<svg class="tech-icon" viewBox="0 -32 256 256" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid"><path d="M220.281 110.514c-8.906.046-16.647 2.191-23.128 5.362-2.379-4.71-4.757-8.906-5.176-11.984-.467-3.59-1.026-5.782-.467-10.072.56-4.29 3.078-10.399 3.031-10.865-.046-.466-.56-2.658-5.689-2.704-5.129-.047-9.559.979-10.072 2.331-.513 1.352-1.492 4.43-2.145 7.6-.886 4.664-10.258 21.31-15.62 30.03-1.726-3.403-3.218-6.388-3.545-8.766-.466-3.59-1.026-5.782-.466-10.072.56-4.29 3.078-10.398 3.031-10.865-.047-.466-.56-2.658-5.689-2.704-5.13-.047-9.56.979-10.072 2.331-.513 1.353-1.073 4.523-2.145 7.601-1.073 3.078-13.523 30.87-16.787 38.05a214.726 214.726 0 0 1-4.15 8.627s-.047.14-.187.373a117.773 117.773 0 0 1-1.398 2.658v.046c-.7 1.26-1.446 2.425-1.819 2.425-.28 0-.793-3.357.093-7.927 1.865-9.652 6.295-24.667 6.249-25.18 0-.28.839-2.891-2.891-4.244-3.638-1.352-4.943.886-5.27.886-.326 0-.56.793-.56.793s4.058-16.88-7.74-16.88c-7.367 0-17.533 8.067-22.569 15.341a6269.96 6269.96 0 0 0-17.16 9.373c-2.75 1.539-5.595 3.078-8.253 4.523-.187-.186-.373-.42-.56-.606-14.269-15.248-40.661-26.02-39.542-46.49.42-7.461 2.984-27.046 50.687-50.827 39.262-19.352 70.505-13.99 75.914-2.099 7.74 16.974-16.74 48.496-57.309 53.065-15.481 1.726-23.595-4.243-25.646-6.481-2.145-2.332-2.472-2.472-3.265-2.005-1.305.7-.466 2.798 0 4.01 1.213 3.17 6.202 8.766 14.642 11.518 7.461 2.424 25.6 3.777 47.563-4.71 24.574-9.513 43.786-35.952 38.144-58.101-5.643-22.476-42.947-29.89-78.246-17.347C61.086 13.99 38.33 25.74 21.963 41.035 2.518 59.22-.56 75.028.699 81.65c4.524 23.501 36.932 38.796 49.895 50.127-.653.373-1.26.7-1.772.98-6.482 3.217-31.196 16.133-37.351 29.796-6.994 15.481 1.12 26.58 6.482 28.071 16.647 4.617 33.76-3.683 42.946-17.393 9.186-13.709 8.067-31.522 3.824-39.682-.047-.093-.093-.187-.187-.28 1.679-.979 3.404-2.005 5.083-2.984a247.933 247.933 0 0 1 9.373-5.27c-1.586 4.337-2.752 9.513-3.311 16.974-.7 8.767 2.89 20.144 7.6 24.62 2.099 1.96 4.57 2.006 6.156 2.006 5.502 0 7.974-4.57 10.725-9.979 3.357-6.621 6.388-14.315 6.388-14.315s-3.777 20.797 6.482 20.797c3.73 0 7.507-4.85 9.186-7.321v.046s.093-.14.28-.466c.373-.606.606-.98.606-.98v-.092c1.492-2.612 4.85-8.534 9.839-18.373 6.435-12.683 12.637-28.537 12.637-28.537s.56 3.87 2.471 10.305c1.12 3.777 3.45 7.927 5.316 11.937-1.492 2.099-2.425 3.264-2.425 3.264l.047.047c-1.213 1.585-2.518 3.31-3.964 4.99-5.083 6.061-11.144 13.01-11.984 15.014-.98 2.378-.746 4.104 1.12 5.503 1.352 1.026 3.776 1.165 6.248 1.026 4.57-.327 7.787-1.446 9.372-2.145 2.472-.886 5.363-2.239 8.067-4.244 4.99-3.684 8.02-8.953 7.741-15.9-.14-3.824-1.399-7.648-2.938-11.239.467-.652.886-1.305 1.353-1.958 7.88-11.518 13.989-24.155 13.989-24.155s.56 3.87 2.471 10.306c.933 3.264 2.845 6.808 4.523 10.258-7.414 6.016-11.984 13.01-13.616 17.58-2.937 8.487-.653 12.31 3.684 13.196 1.958.42 4.756-.513 6.808-1.399 2.611-.839 5.689-2.284 8.627-4.43 4.99-3.683 9.792-8.813 9.512-15.76-.14-3.171-.979-6.296-2.145-9.327 6.295-2.61 14.409-4.056 24.76-2.844 22.197 2.611 26.58 16.46 25.74 22.29-.839 5.828-5.502 8.999-7.04 9.978-1.54.98-2.052 1.306-1.912 2.005.186 1.026.932.98 2.238.793 1.819-.326 11.658-4.71 12.077-15.435.7-13.709-12.357-28.677-35.439-28.537ZM49.055 168.242c-7.368 8.02-17.626 11.051-22.056 8.487-4.756-2.752-2.891-14.596 6.155-23.082 5.502-5.176 12.59-9.98 17.3-12.917 1.072-.653 2.658-1.585 4.57-2.751.326-.187.513-.28.513-.28l1.119-.7c3.31 12.124.14 22.803-7.601 31.243Zm53.625-36.465c-2.565 6.249-7.927 22.243-11.191 21.357-2.798-.746-4.524-12.87-.56-24.854 2.005-6.016 6.248-13.197 8.72-15.994 4.01-4.477 8.44-5.97 9.512-4.15 1.353 2.378-4.896 19.724-6.481 23.641Zm44.252 21.17c-1.073.56-2.098.933-2.565.653-.326-.187.467-.933.467-.933s5.549-5.968 7.74-8.673c1.26-1.585 2.751-3.45 4.337-5.549v.606c0 7.135-6.902 11.938-9.98 13.896Zm34.133-7.787c-.793-.56-.653-2.425 2.005-8.254 1.026-2.285 3.45-6.108 7.601-9.792.466 1.492.793 2.938.746 4.29-.047 9-6.481 12.357-10.352 13.756Z" fill="#CD6799"/></svg>
diff --git a/src/assets/techs/shopify.svg b/src/assets/techs/shopify.svg
index 49b8f0e..7f622bb 100644
--- a/src/assets/techs/shopify.svg
+++ b/src/assets/techs/shopify.svg
@@ -1,4 +1,4 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 158 173.7" role="img">
+<svg class="tech-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 158 173.7" role="img">
   <title>Shopify</title>
   <path fill="#95BF47"
     d="M130.7 32.9c-.1-.9-.9-1.3-1.5-1.4-.6-.1-12.6-.2-12.6-.2s-10.1-9.8-11.1-10.8-2.9-.7-3.7-.5c0 0-1.9.6-5.1 1.6-.5-1.7-1.3-3.8-2.4-5.9-3.6-6.9-8.8-10.5-15.2-10.5-.4 0-.9 0-1.3.1-.2-.2-.4-.4-.6-.7-2.8-3-6.3-4.4-10.5-4.3-8.2.2-16.3 6.1-23 16.7-4.7 7.4-8.2 16.7-9.2 23.9-9.4 2.9-16 4.9-16.1 5-4.7 1.5-4.9 1.6-5.5 6.1C12.4 55.3 0 151.4 0 151.4l104.1 18 45.1-11.2S130.8 33.7 130.7 32.9zm-39.2-9.7c-2.4.7-5.1 1.6-8.1 2.5-.1-4.1-.6-9.9-2.5-14.9 6.3 1.2 9.3 8.2 10.6 12.4zM78 27.4c-5.5 1.7-11.4 3.5-17.4 5.4 1.7-6.4 4.9-12.8 8.8-17 1.5-1.6 3.5-3.3 5.9-4.3 2.3 4.7 2.7 11.4 2.7 15.9zM66.8 5.8c1.9 0 3.5.4 4.9 1.3-2.2 1.1-4.4 2.8-6.4 5-5.2 5.6-9.2 14.2-10.8 22.6-5 1.5-9.8 3-14.3 4.4 3-13.2 14-32.9 26.6-33.3z"></path>
diff --git a/src/assets/techs/slackware.svg b/src/assets/techs/slackware.svg
index bacf13c..4319ae2 100644
--- a/src/assets/techs/slackware.svg
+++ b/src/assets/techs/slackware.svg
@@ -1,4 +1,4 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+<svg class="tech-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
   <path
     fill="var(--vtl-background-svg"
     d="M12.924 1.453c-.584-.01-1.251 0-1.485.027-2.46.282-4.138 1.3-4.753 2.891-.218.552-.274 1.002-.243 1.772.048 1.209.419 2.004 1.262 2.742 1.225 1.06 2.98 1.508 5.998 1.508 2.737 0 3.71.413 3.916 1.675.313 1.867-1.57 3.07-4.414 2.827-1.878-.16-3.496-.912-4.223-1.967a7.772 7.772 0 0 1-.355-.621c-.382-.759-.64-.977-1.176-.977-.43.005-.732.165-.918.494l-.133.239v4.03l.137.297c.165.344.4.546.744.63.35.09.794-.036 1.42-.402l.5-.29.826.185c1.82.403 2.75.523 4.065.523 1.103.005 1.548-.046 2.455-.285 1.124-.297 1.974-.785 2.717-1.57.8-.844 1.15-1.853 1.097-3.147-.069-1.628-.695-2.698-2-3.414-.96-.525-2.292-.79-4.377-.88-2.042-.086-2.794-.155-3.515-.32-.51-.121-.785-.25-1.076-.515-.653-.589-.59-1.755.136-2.482.642-.637 1.511-.928 2.774-.928 1.432.005 2.393.27 3.412.955.185.127.721.62 1.193 1.092.886.902 1.135 1.082 1.506 1.082.244 0 .59-.163.732-.344.26-.329.303-.63.303-2.2 0-1.661-.043-1.91-.377-2.282-.387-.425-.848-.42-1.75.031l-.59.297-.63-.17c-1.496-.392-2.038-.477-3.178-.504zM0 14v9h24v-1H1v-8H0Z" />
diff --git a/src/assets/techs/snapdragon.svg b/src/assets/techs/snapdragon.svg
index c8fb5ac..7942278 100644
--- a/src/assets/techs/snapdragon.svg
+++ b/src/assets/techs/snapdragon.svg
@@ -1,3 +1,3 @@
-<svg viewBox="0 0 77.5 77.5" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" version="1.1">
+<svg class="tech-icon" viewBox="0 0 77.5 77.5" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" version="1.1">
   <path d="m39.04444,1.03333l-1.1,0c-10.1,0.4 -21.5,6.9 -23.8,17.2c-0.1,0.4 -0.6,0.4 -0.7,0c-0.5,-2.5 -0.4,-5.2 0.3,-7.5c-2.1,1.9 -4,4.1 -5.7,6.5c-0.8,1.3 -1.5,2.7 -2,4.2c-1.4,4.4 -0.9,9.7 2.2,13.3c2.9,3.4 7.5,4.6 11.2,6.9c3.7,2.2 6.9,5.2 8.4,9.4c1.6,4.4 1.3,9.4 -0.4,13.7c-0.1,0.4 -0.7,0.3 -0.7,-0.2c0.4,-6.3 -2.8,-12.2 -8.7,-15c-3.1,-1.4 -6.6,-2 -9.7,-3.5c-2.8,-1.3 -6.4,-3.9 -6.9,-7.3c0,20.6 16.8,37.4 37.6,37.4c20.7,0 37.6,-16.8 37.6,-37.6s-16.9,-37.5 -37.6,-37.5m27.4,58.4c-2.8,3.6 -6.3,6.7 -10.2,9c0,0 0,-0.1 0.1,-0.1c-2.6,1.5 -5.4,2.8 -8.4,3.6c2.3,-1.9 9.8,-6.8 9.8,-20.3c0,-10 -6.3,-16.7 -13.4,-20c-8.1,-3.8 -16.8,-5.8 -16.8,-16c0,-5.4 4.3,-11.2 11,-11.3c0.4,-0.1 0.9,-0.1 1.3,-0.1l0.4,0c8.9,0.3 17.3,4 23.5,10.5c6.3,6.5 9.7,15 9.7,24l0,0.2c0,4.2 -0.8,8.3 -2.2,12.1l0,0.1c-0.1,0.3 -0.3,0.7 -0.4,1c-0.1,0.2 -0.2,0.4 -0.2,0.5c0,0.1 -0.1,0.1 -0.1,0.2c-1.1,2.2 -2.5,4.5 -4.1,6.6" fill="#c33139"/>
  </svg>
diff --git a/src/assets/techs/soundcloud.svg b/src/assets/techs/soundcloud.svg
index 9893e55..d32af93 100644
--- a/src/assets/techs/soundcloud.svg
+++ b/src/assets/techs/soundcloud.svg
@@ -1,4 +1,4 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="15.583 -197.416 989.654 989.654">
+<svg class="tech-icon" xmlns="http://www.w3.org/2000/svg" viewBox="15.583 -197.416 989.654 989.654">
   <linearGradient id="a-soundcloud" x1="-916.598" x2="-916.598" y1="1716.657" y2="1663.651"
     gradientTransform="matrix(10.6432 0 0 -10.6432 10265.9 18285.979)"
     gradientUnits="userSpaceOnUse">
diff --git a/src/assets/techs/spacex.svg b/src/assets/techs/spacex.svg
index 95cdc78..209bd74 100644
--- a/src/assets/techs/spacex.svg
+++ b/src/assets/techs/spacex.svg
@@ -1,4 +1,4 @@
-<svg version="1.1" x="0px" y="0px" viewBox="-30 -100 400 240" aria-hidden="true">
+<svg class="tech-icon" version="1.1" x="0px" y="0px" viewBox="-30 -100 400 240" aria-hidden="true">
   <title>SpaceX Logo</title>
   <g class="letter_s">
     <path fill="var(--vtl-background-svg"
diff --git a/src/assets/techs/spotify.svg b/src/assets/techs/spotify.svg
index 113e3b2..f064e01 100644
--- a/src/assets/techs/spotify.svg
+++ b/src/assets/techs/spotify.svg
@@ -1,4 +1,4 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512">
+<svg class="tech-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512">
   <path fill="#1ed760"
     d="M248 8C111.1 8 0 119.1 0 256s111.1 248 248 248 248-111.1 248-248S384.9 8 248 8Z" />
   <path
diff --git a/src/assets/techs/springboot.svg b/src/assets/techs/springboot.svg
index 7b20941..ca3d131 100644
--- a/src/assets/techs/springboot.svg
+++ b/src/assets/techs/springboot.svg
@@ -1,4 +1,4 @@
-<svg version="1.1" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" viewBox="0 0 417 417">
+<svg class="tech-icon" version="1.1" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" viewBox="0 0 417 417">
   <path fill="#6cb52d"
     d="M366.9,29c-5.8,14.1-13.3,26.6-21.6,37.8c-36.6-37.3-87.8-61-144.3-61C90,5.8-0.7,96-0.7,207.4 c0,58.2,24.9,110.6,64.4,147.6l7.5,6.7c34.9,29.5,80.3,47.4,129.7,47.4c106,0,193.3-82.7,200.8-187.1 C407.7,171.3,392.3,106.4,366.9,29z M92.9,356.7c-5.8,7.5-16.6,8.3-24.1,2.5s-8.3-16.6-2.5-24.1s16.6-8.3,24.1-2.5 C97.5,338.4,98.7,349.2,92.9,356.7z M365.7,296.4c-49.5,66.1-155.9,43.7-223.7,47c0,0-12.1,0.8-24.1,2.5c0,0,4.6-2.1,10.4-4.2 c47.8-16.6,70.3-20,99.4-34.9c54.5-27.9,108.9-89,119.8-152.2c-20.8,60.7-84,113.1-141.4,134.3c-39.5,14.6-110.6,28.7-110.6,28.7 l-2.9-1.7c-48.2-23.7-49.9-128.5,38.3-162.2c38.7-15,75.3-6.7,117.3-16.6c44.5-10.4,96.1-43.7,116.8-87.3 C388.1,120.1,416.4,229,365.7,296.4z"></path>
   <path fill="#fff"
diff --git a/src/assets/techs/stackoverflow.svg b/src/assets/techs/stackoverflow.svg
index 3724945..36795f6 100644
--- a/src/assets/techs/stackoverflow.svg
+++ b/src/assets/techs/stackoverflow.svg
@@ -1,4 +1,4 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 113 124">
+<svg class="tech-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 113 124">
   <g fill="none" fill-rule="evenodd">
     <polygon fill="#BBBBBB" points="88 80 99 80 99 124 0 124 0 80 11 80 11 113 88 113"/>
     <path fill="#F58025" fill-rule="nonzero" d="M22.9878906,76.73 L77.0128906,88.085 L79.2838906,77.285 L25.2588906,65.925 L22.9878906,76.73 Z M30.1368906,50.861 L80.1828906,74.169 L84.8448906,64.16 L34.7978906,40.852 L30.1368906,50.861 Z M43.9848906,26.308 L86.4128906,61.639 L93.4788906,53.154 L51.0508906,17.824 L43.9848906,26.308 Z M71.3718906,0.192 L62.5118906,6.782 L95.4598906,51.082 L104.319891,44.493 L71.3718906,0.192 Z M22,102 L77,102 L77,91 L22,91 L22,102 Z"/>
diff --git a/src/assets/techs/steam.svg b/src/assets/techs/steam.svg
index 2e839c5..a88cd0d 100644
--- a/src/assets/techs/steam.svg
+++ b/src/assets/techs/steam.svg
@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 65 65" fill="#fff"><use xlink:href="#B" x=".5" y=".5"/><defs><linearGradient id="A" x2="50%" x1="50%" y2="100%" y1="0%"><stop stop-color="#111d2e" offset="0%"/><stop stop-color="#051839" offset="21.2%"/><stop stop-color="#0a1b48" offset="40.7%"/><stop stop-color="#132e62" offset="58.1%"/><stop stop-color="#144b7e" offset="73.8%"/><stop stop-color="#136497" offset="87.3%"/><stop stop-color="#1387b8" offset="100%"/></linearGradient></defs><symbol id="B"><g><path d="M1.305 41.202C5.259 54.386 17.488 64 31.959 64c17.673 0 32-14.327 32-32s-14.327-32-32-32C15.001 0 1.124 13.193.028 29.874c2.074 3.477 2.879 5.628 1.275 11.328z" fill="url(#A)"/><path d="M30.31 23.985l.003.158-7.83 11.375c-1.268-.058-2.54.165-3.748.662a8.14 8.14 0 0 0-1.498.8L.042 29.893s-.398 6.546 1.26 11.424l12.156 5.016c.6 2.728 2.48 5.12 5.242 6.27a8.88 8.88 0 0 0 11.603-4.782 8.89 8.89 0 0 0 .684-3.656L42.18 36.16l.275.005c6.705 0 12.155-5.466 12.155-12.18s-5.44-12.16-12.155-12.174c-6.702 0-12.155 5.46-12.155 12.174zm-1.88 23.05c-1.454 3.5-5.466 5.147-8.953 3.694a6.84 6.84 0 0 1-3.524-3.362l3.957 1.64a5.04 5.04 0 0 0 6.591-2.719 5.05 5.05 0 0 0-2.715-6.601l-4.1-1.695c1.578-.6 3.372-.62 5.05.077 1.7.703 3 2.027 3.696 3.72s.692 3.56-.01 5.246M42.466 32.1a8.12 8.12 0 0 1-8.098-8.113 8.12 8.12 0 0 1 8.098-8.111 8.12 8.12 0 0 1 8.1 8.111 8.12 8.12 0 0 1-8.1 8.113m-6.068-8.126a6.09 6.09 0 0 1 6.08-6.095c3.355 0 6.084 2.73 6.084 6.095a6.09 6.09 0 0 1-6.084 6.093 6.09 6.09 0 0 1-6.081-6.093z"/></g></symbol></svg>
\ No newline at end of file
+<svg class="tech-icon" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 65 65" fill="#fff"><use xlink:href="#B" x=".5" y=".5"/><defs><linearGradient id="A" x2="50%" x1="50%" y2="100%" y1="0%"><stop stop-color="#111d2e" offset="0%"/><stop stop-color="#051839" offset="21.2%"/><stop stop-color="#0a1b48" offset="40.7%"/><stop stop-color="#132e62" offset="58.1%"/><stop stop-color="#144b7e" offset="73.8%"/><stop stop-color="#136497" offset="87.3%"/><stop stop-color="#1387b8" offset="100%"/></linearGradient></defs><symbol id="B"><g><path d="M1.305 41.202C5.259 54.386 17.488 64 31.959 64c17.673 0 32-14.327 32-32s-14.327-32-32-32C15.001 0 1.124 13.193.028 29.874c2.074 3.477 2.879 5.628 1.275 11.328z" fill="url(#A)"/><path d="M30.31 23.985l.003.158-7.83 11.375c-1.268-.058-2.54.165-3.748.662a8.14 8.14 0 0 0-1.498.8L.042 29.893s-.398 6.546 1.26 11.424l12.156 5.016c.6 2.728 2.48 5.12 5.242 6.27a8.88 8.88 0 0 0 11.603-4.782 8.89 8.89 0 0 0 .684-3.656L42.18 36.16l.275.005c6.705 0 12.155-5.466 12.155-12.18s-5.44-12.16-12.155-12.174c-6.702 0-12.155 5.46-12.155 12.174zm-1.88 23.05c-1.454 3.5-5.466 5.147-8.953 3.694a6.84 6.84 0 0 1-3.524-3.362l3.957 1.64a5.04 5.04 0 0 0 6.591-2.719 5.05 5.05 0 0 0-2.715-6.601l-4.1-1.695c1.578-.6 3.372-.62 5.05.077 1.7.703 3 2.027 3.696 3.72s.692 3.56-.01 5.246M42.466 32.1a8.12 8.12 0 0 1-8.098-8.113 8.12 8.12 0 0 1 8.098-8.111 8.12 8.12 0 0 1 8.1 8.111 8.12 8.12 0 0 1-8.1 8.113m-6.068-8.126a6.09 6.09 0 0 1 6.08-6.095c3.355 0 6.084 2.73 6.084 6.095a6.09 6.09 0 0 1-6.084 6.093 6.09 6.09 0 0 1-6.081-6.093z"/></g></symbol></svg>
diff --git a/src/assets/techs/stylus.svg b/src/assets/techs/stylus.svg
index f6dd17d..18a97b0 100755
--- a/src/assets/techs/stylus.svg
+++ b/src/assets/techs/stylus.svg
@@ -1,4 +1,4 @@
-<svg viewBox="0 0 256 244" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMinYMin meet">
+<svg class="tech-icon" viewBox="0 0 256 244" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMinYMin meet">
     <path d="M32.167 98.573c2.9 0 5.246.396 7.028 1.19 1.782.792 2.672 1.78 2.672 2.97 0 1.453-.366 3.101-1.09 4.948-.727 1.848-1.42 3.364-2.079 4.552-.265.265-.593.297-.989.1-.396-.199-.595-.56-.595-1.089.397-.921.595-2.242.595-3.96 0-1.846-.495-3.366-1.485-4.552-.989-1.188-2.344-1.781-4.057-1.781-2.246 0-4.058.692-5.444 2.078-1.385 1.385-2.078 3.334-2.078 5.837 0 2.114.559 4.127 1.682 6.038a69.666 69.666 0 0 0 3.761 5.742 56.847 56.847 0 0 1 3.86 6.137c1.188 2.178 1.782 4.652 1.782 7.423 0 4.749-1.914 8.444-5.74 11.082-3.828 2.643-8.843 3.96-15.043 3.96-4.487 0-8.017-.725-10.59-2.177-2.575-1.45-3.86-3.032-3.86-4.75 0-.525.197-1.253.593-2.178.396-.921.922-1.91 1.585-2.97a45.614 45.614 0 0 1 2.178-3.168c.791-1.054 1.647-1.91 2.572-2.57.396-.265.759-.201 1.09.196.328.396.362.792.1 1.188-.793.79-1.385 1.617-1.783 2.475-.396.857-.594 2.014-.594 3.463 0 2.374.792 4.324 2.377 5.837 1.583 1.52 3.627 2.278 6.135 2.278 3.43 0 6.102-.957 8.017-2.87 1.912-1.911 2.87-4.256 2.87-7.028 0-2.506-.562-4.849-1.683-7.026a76.243 76.243 0 0 0-3.661-6.335 83.818 83.818 0 0 1-3.663-6.237 14.104 14.104 0 0 1-1.682-6.73c0-3.428 1.45-6.3 4.355-8.608 2.899-2.304 7.188-3.465 12.864-3.465zm54.036.993c.66.264.924.629.794 1.09-.135.463-.727.824-1.783 1.088-1.98 0-4.255.068-6.828.197-2.575.132-5.315.332-8.215.593-2.643 6.469-4.819 12.767-6.533 18.905-1.717 6.135-2.572 11.118-2.572 14.945 0 4.485 1.712 6.727 5.145 6.727 3.43 0 7.257-2.967 11.483-8.904.394-.265.757-.265 1.086 0 .329.264.428.724.299 1.385a35.851 35.851 0 0 1-8.512 9.601c-3.433 2.706-6.798 4.056-10.095 4.056-3.434 0-5.973-.82-7.621-2.474-1.651-1.65-2.475-3.925-2.475-6.83 0-3.824.922-9.105 2.77-15.835 1.848-6.73 4.223-13.588 7.128-20.586-3.434.396-6.6.929-9.501 1.585-.662-.128-.828-.46-.496-.99.328-.525.922-1.089 1.782-1.682.855-.596 1.88-1.121 3.067-1.585 1.187-.46 2.309-.692 3.365-.692h1.584c.527 0 1.056-.065 1.584-.197a214.313 214.313 0 0 1 5.344-11.086c1.847-3.564 3.693-6.794 5.543-9.7.79-.922 1.88-1.747 3.265-2.475 1.385-.722 2.738-1.285 4.057-1.682 1.318-.396 2.407-.625 3.268-.693.856-.064 1.217.168 1.09.693-2.247 3.434-4.454 7.259-6.633 11.481a206.783 206.783 0 0 0-6.235 13.262 147.12 147.12 0 0 1 7.62-.197h7.225z" fill="var(--vtl-background-svg)" />
     <path d="M206.299.528c1.979 0 3.593.496 4.85 1.485 1.251.989 2.109 2.31 2.572 3.96.462 1.649.526 3.53.198 5.641-.33 2.113-1.088 4.224-2.276 6.334-.265.264-.594.264-.99 0-.395-.265-.66-.593-.791-.99.263-1.584-.296-2.902-1.683-3.959-1.385-1.054-3.532-1.584-6.433-1.584-5.412 0-10.855 2.013-16.33 6.038-5.477 4.027-10.789 9.34-15.934 15.934-5.147 6.6-9.965 14.19-14.45 22.765a215.382 215.382 0 0 0-11.68 26.524c-3.298 9.105-5.907 18.145-7.818 27.118-1.913 8.976-2.868 17.155-2.868 24.547 0 3.956 1.12 5.937 3.365 5.937 1.583 0 3.133-.66 4.65-1.981 1.516-1.318 3.268-3.296 5.247-5.938.395-.26.758-.228 1.087.1.329.333.428.76.299 1.285-2.643 3.96-5.741 7.259-9.305 9.897-3.562 2.642-6.798 3.96-9.699 3.96-2.508 0-4.255-.726-5.244-2.179-.989-1.45-1.485-3.295-1.485-5.54 0-6.203 1.317-13.958 3.96-23.258 2.638-9.304 6.165-19.134 10.59-29.495 4.42-10.358 9.533-20.684 15.34-30.977 5.806-10.293 11.844-19.562 18.113-27.81 6.266-8.247 12.57-14.945 18.903-20.093C194.817 3.1 200.755.528 206.3.528zM30.55 243.76c-1.98 0-3.595-.495-4.851-1.484-1.252-.989-2.11-2.31-2.573-3.96-.46-1.651-.526-3.53-.198-5.641.332-2.113 1.089-4.223 2.276-6.334.266-.266.594-.266.99 0 .395.262.66.593.791.99-.262 1.584.297 2.902 1.683 3.959 1.385 1.053 3.531 1.582 6.433 1.582 5.412 0 10.856-2.013 16.33-6.038 5.477-4.023 10.79-9.335 15.936-15.931 5.146-6.6 9.964-14.188 14.45-22.765a215.31 215.31 0 0 0 11.677-26.525c3.3-9.105 5.908-18.144 7.82-27.118 1.913-8.975 2.868-17.155 2.868-24.545 0-3.96-1.12-5.938-3.365-5.938-1.584 0-3.134.657-4.65 1.978-1.516 1.317-3.268 3.3-5.247 5.94-.395.26-.757.228-1.087-.1-.328-.332-.427-.761-.298-1.289 2.642-3.956 5.74-7.258 9.304-9.897 3.562-2.638 6.797-3.956 9.699-3.956 2.508 0 4.255.722 5.244 2.175.99 1.453 1.486 3.3 1.486 5.545 0 6.202-1.318 13.953-3.96 23.258-2.638 9.304-6.166 19.133-10.59 29.494-4.42 10.358-9.534 20.684-15.34 30.977-5.807 10.293-11.844 19.562-18.113 27.81-6.266 8.247-12.57 14.946-18.904 20.091-6.331 5.148-12.269 7.722-17.811 7.722z" fill="#B3D107"/>
     <path d="M164.264 149.248c-5.543 0-8.314-3.035-8.314-9.105 0-2.11.228-4.552.692-7.322.461-2.774 1.19-5.64 2.178-8.611.99-2.971 2.142-5.97 3.463-9.009a55.473 55.473 0 0 1 4.751-8.707 65.65 65.65 0 0 0-4.155 2.87 33.104 33.104 0 0 0-3.564 3.067c-.396.268-.76.168-1.089-.296-.33-.461-.363-.89-.099-1.286 2.243-2.377 5.444-4.815 9.601-7.326 4.155-2.503 8.146-4.485 11.976-5.937.659 0 1.153.167 1.484.496.328.332.363.76.1 1.285a75.925 75.925 0 0 0-10.195 18.013c-2.573 6.468-3.86 12.738-3.86 18.805 0 3.83 1.19 5.74 3.564 5.74 1.713 0 3.825-1.154 6.333-3.463 2.507-2.31 5.148-5.344 7.92-9.107 2.77-3.76 5.572-8.016 8.412-12.765a192.034 192.034 0 0 0 7.82-14.453c.394-.789 1.55-1.582 3.462-2.374 1.913-.794 3.86-1.19 5.84-1.19s2.573.532 1.782 1.586a190.54 190.54 0 0 0-4.85 9.6 73.37 73.37 0 0 0-3.463 8.808 58.564 58.564 0 0 0-2.079 8.807c-.465 2.971-.693 6.235-.693 9.797 0 4.227 1.12 6.334 3.366 6.334 2.242 0 4.75-1.978 7.521-5.938.397-.26.793-.26 1.187 0 .397.268.527.665.397 1.189-2.245 3.431-4.72 6.037-7.423 7.82-2.706 1.78-5.18 2.67-7.422 2.67-5.544 0-8.314-3.232-8.314-9.698 0-6.73 1.186-13.393 3.562-19.994-5.016 9.105-10.293 16.331-15.834 21.676-5.545 5.348-10.232 8.018-14.057 8.018zm81.747-50.675c2.9 0 5.247.396 7.028 1.19 1.782.792 2.672 1.78 2.672 2.97 0 1.453-.365 3.101-1.088 4.948-.729 1.848-1.42 3.364-2.08 4.552-.266.265-.593.297-.99.1-.395-.199-.593-.56-.593-1.089.396-.921.594-2.242.594-3.96 0-1.846-.494-3.366-1.484-4.552-.99-1.188-2.344-1.781-4.058-1.781-2.244 0-4.057.692-5.443 2.078-1.387 1.386-2.078 3.334-2.078 5.837 0 2.114.559 4.127 1.682 6.038a69.666 69.666 0 0 0 3.761 5.742 56.847 56.847 0 0 1 3.86 6.137c1.188 2.178 1.782 4.652 1.782 7.423 0 4.749-1.914 8.444-5.74 11.082-3.83 2.643-8.844 3.96-15.044 3.96-4.489 0-8.017-.725-10.59-2.177-2.575-1.45-3.86-3.032-3.86-4.75 0-.525.197-1.253.593-2.178.396-.921.921-1.91 1.584-2.97a45.589 45.589 0 0 1 2.177-3.168c.791-1.054 1.649-1.91 2.574-2.57.396-.265.758-.201 1.088.196.328.396.363.792.1 1.188-.792.79-1.385 1.617-1.782 2.475-.396.857-.594 2.014-.594 3.463 0 2.374.792 4.324 2.376 5.837 1.584 1.52 3.627 2.278 6.136 2.278 3.429 0 6.102-.957 8.018-2.87 1.91-1.911 2.869-4.256 2.869-7.028 0-2.506-.563-4.849-1.682-7.026a76.243 76.243 0 0 0-3.662-6.335 84.256 84.256 0 0 1-3.663-6.237 14.104 14.104 0 0 1-1.682-6.73c0-3.428 1.45-6.3 4.354-8.608 2.9-2.304 7.188-3.465 12.865-3.465z" fill="var(--vtl-background-svg)" />
diff --git a/src/assets/techs/supabase.svg b/src/assets/techs/supabase.svg
index 63631f3..bbb2da1 100644
--- a/src/assets/techs/supabase.svg
+++ b/src/assets/techs/supabase.svg
@@ -1,4 +1,4 @@
-<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 109 113">
+<svg class="tech-icon" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 109 113">
   <path fill="url(#a-supa)" d="M63.708 110.284c-2.86 3.601-8.658 1.628-8.727-2.97l-1.007-67.251h45.22c8.19 0 12.758 9.46 7.665 15.874l-43.151 54.347Z"/>
   <path fill="url(#b-supa)" fill-opacity=".2" d="M63.708 110.284c-2.86 3.601-8.658 1.628-8.727-2.97l-1.007-67.251h45.22c8.19 0 12.758 9.46 7.665 15.874l-43.151 54.347Z"/>
   <path fill="#3ECF8E" d="M45.317 2.071c2.86-3.601 8.657-1.628 8.726 2.97l.442 67.251H9.83c-8.19 0-12.759-9.46-7.665-15.875L45.317 2.072Z"/>
diff --git a/src/assets/techs/svelte.svg b/src/assets/techs/svelte.svg
index 8e2acce..78c3917 100755
--- a/src/assets/techs/svelte.svg
+++ b/src/assets/techs/svelte.svg
@@ -1,4 +1,4 @@
-<svg viewBox="-26 0 308 308" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid">
+<svg class="tech-icon" viewBox="-26 0 308 308" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid">
   <path d="M239.682 40.707C211.113-.182 154.69-12.301 113.895 13.69L42.247 59.356a82.198 82.198 0 0 0-37.135 55.056 86.566 86.566 0 0 0 8.536 55.576 82.425 82.425 0 0 0-12.296 30.719 87.596 87.596 0 0 0 14.964 66.244c28.574 40.893 84.997 53.007 125.787 27.016l71.648-45.664a82.182 82.182 0 0 0 37.135-55.057 86.601 86.601 0 0 0-8.53-55.577 82.409 82.409 0 0 0 12.29-30.718 87.573 87.573 0 0 0-14.963-66.244" fill="#FF3E00"/>
   <path d="M106.889 270.841c-23.102 6.007-47.497-3.036-61.103-22.648a52.685 52.685 0 0 1-9.003-39.85 49.978 49.978 0 0 1 1.713-6.693l1.35-4.115 3.671 2.697a92.447 92.447 0 0 0 28.036 14.007l2.663.808-.245 2.659a16.067 16.067 0 0 0 2.89 10.656 17.143 17.143 0 0 0 18.397 6.828 15.786 15.786 0 0 0 4.403-1.935l71.67-45.672a14.922 14.922 0 0 0 6.734-9.977 15.923 15.923 0 0 0-2.713-12.011 17.156 17.156 0 0 0-18.404-6.832 15.78 15.78 0 0 0-4.396 1.933l-27.35 17.434a52.298 52.298 0 0 1-14.553 6.391c-23.101 6.007-47.497-3.036-61.101-22.649a52.681 52.681 0 0 1-9.004-39.849 49.428 49.428 0 0 1 22.34-33.114l71.664-45.677a52.218 52.218 0 0 1 14.563-6.398c23.101-6.007 47.497 3.036 61.101 22.648a52.685 52.685 0 0 1 9.004 39.85 50.559 50.559 0 0 1-1.713 6.692l-1.35 4.116-3.67-2.693a92.373 92.373 0 0 0-28.037-14.013l-2.664-.809.246-2.658a16.099 16.099 0 0 0-2.89-10.656 17.143 17.143 0 0 0-18.398-6.828 15.786 15.786 0 0 0-4.402 1.935l-71.67 45.674a14.898 14.898 0 0 0-6.73 9.975 15.9 15.9 0 0 0 2.709 12.012 17.156 17.156 0 0 0 18.404 6.832 15.841 15.841 0 0 0 4.402-1.935l27.345-17.427a52.147 52.147 0 0 1 14.552-6.397c23.101-6.006 47.497 3.037 61.102 22.65a52.681 52.681 0 0 1 9.003 39.848 49.453 49.453 0 0 1-22.34 33.12l-71.664 45.673a52.218 52.218 0 0 1-14.563 6.398" fill="#FFF"/>
 </svg>
diff --git a/src/assets/techs/swift.svg b/src/assets/techs/swift.svg
index d1b3f49..f60e8c3 100644
--- a/src/assets/techs/swift.svg
+++ b/src/assets/techs/swift.svg
@@ -1,4 +1,4 @@
-<svg viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<svg class="tech-icon" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M22.1356 25.2715C18.835 27.17 14.2967 27.3651 9.73079 25.4166C6.03387 23.8505 2.96639 21.109 1 17.9767C1.94387 18.7598 3.04503 19.3865 4.22484 19.9344C8.9401 22.135 13.6544 21.9843 16.972 19.94C12.2526 16.3374 8.23626 11.6326 5.2475 7.79547C4.61799 7.16887 4.14605 6.38567 3.67412 5.68084C7.29225 8.97014 13.0343 13.1207 15.0789 14.296C10.7535 9.75321 6.8991 4.1147 7.0561 4.27103C13.8993 11.163 20.2707 15.079 20.2707 15.079C20.4815 15.1974 20.6442 15.2959 20.775 15.384C20.9129 15.0347 21.0338 14.672 21.1357 14.296C22.2368 10.3018 20.9787 5.759 18.2254 2C24.5962 5.83752 28.3721 13.0425 26.7985 19.0732C26.7575 19.2359 26.7129 19.3965 26.6648 19.5542C29.8106 23.4703 29.0008 27.6884 28.6076 26.9053C26.901 23.5801 23.7418 24.5969 22.1356 25.2715Z" fill="url(#paint0_linear_87_8231)"/>
 <defs>
 <linearGradient id="paint0_linear_87_8231" x1="15.0103" y1="2" x2="15.0103" y2="27.0013" gradientUnits="userSpaceOnUse">
@@ -6,4 +6,4 @@
 <stop offset="1" stop-color="#FD2020"/>
 </linearGradient>
 </defs>
-</svg>
\ No newline at end of file
+</svg>
diff --git a/src/assets/techs/tailwind.svg b/src/assets/techs/tailwind.svg
index 853abd3..a3a71ee 100644
--- a/src/assets/techs/tailwind.svg
+++ b/src/assets/techs/tailwind.svg
@@ -1 +1 @@
-<svg viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"><title>file_type_tailwind</title><path d="M9,13.7q1.4-5.6,7-5.6c5.6,0,6.3,4.2,9.1,4.9q2.8.7,4.9-2.1-1.4,5.6-7,5.6c-5.6,0-6.3-4.2-9.1-4.9Q11.1,10.9,9,13.7ZM2,22.1q1.4-5.6,7-5.6c5.6,0,6.3,4.2,9.1,4.9q2.8.7,4.9-2.1-1.4,5.6-7,5.6c-5.6,0-6.3-4.2-9.1-4.9Q4.1,19.3,2,22.1Z" style="fill:#44a8b3"/></svg>
\ No newline at end of file
+<svg class="tech-icon" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"><title>file_type_tailwind</title><path d="M9,13.7q1.4-5.6,7-5.6c5.6,0,6.3,4.2,9.1,4.9q2.8.7,4.9-2.1-1.4,5.6-7,5.6c-5.6,0-6.3-4.2-9.1-4.9Q11.1,10.9,9,13.7ZM2,22.1q1.4-5.6,7-5.6c5.6,0,6.3,4.2,9.1,4.9q2.8.7,4.9-2.1-1.4,5.6-7,5.6c-5.6,0-6.3-4.2-9.1-4.9Q4.1,19.3,2,22.1Z" style="fill:#44a8b3"/></svg>
diff --git a/src/assets/techs/telegram.svg b/src/assets/techs/telegram.svg
index 25615ee..1e80b79 100644
--- a/src/assets/techs/telegram.svg
+++ b/src/assets/techs/telegram.svg
@@ -1,5 +1,5 @@
 
-<svg viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<svg class="tech-icon" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
 <circle cx="16" cy="16" r="14" fill="url(#paint0_linear_87_7225)"/>
 <path d="M22.9866 10.2088C23.1112 9.40332 22.3454 8.76755 21.6292 9.082L7.36482 15.3448C6.85123 15.5703 6.8888 16.3483 7.42147 16.5179L10.3631 17.4547C10.9246 17.6335 11.5325 17.541 12.0228 17.2023L18.655 12.6203C18.855 12.4821 19.073 12.7665 18.9021 12.9426L14.1281 17.8646C13.665 18.3421 13.7569 19.1512 14.314 19.5005L19.659 22.8523C20.2585 23.2282 21.0297 22.8506 21.1418 22.1261L22.9866 10.2088Z" fill="white"/>
 <defs>
@@ -8,4 +8,4 @@
 <stop offset="1" stop-color="#007DBB"/>
 </linearGradient>
 </defs>
-</svg>
\ No newline at end of file
+</svg>
diff --git a/src/assets/techs/tensorflow.svg b/src/assets/techs/tensorflow.svg
index 100e86d..fac8c6e 100644
--- a/src/assets/techs/tensorflow.svg
+++ b/src/assets/techs/tensorflow.svg
@@ -1,4 +1,4 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
+<svg class="tech-icon" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
   viewBox="0 0 50 54">
   <g>
     <g>
diff --git a/src/assets/techs/tiktok.svg b/src/assets/techs/tiktok.svg
index 8cb4a6d..e2b1440 100644
--- a/src/assets/techs/tiktok.svg
+++ b/src/assets/techs/tiktok.svg
@@ -1,3 +1,3 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-label="TikTok" role="img" viewBox="0 0 512 512">
+<svg class="tech-icon" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-label="TikTok" role="img" viewBox="0 0 512 512">
   <defs><path id="t" d="M219 200a117 117 0 1 0 101 115v-128a150 150 0 0 0 88 28v-63a88 88 0 0 1-88-88h-64v252a54 54 0 1 1-37-51z" style="mix-blend-mode:difference"/></defs><use href="#t" fill="#f05" x="18" y="15"/><use href="#t" fill="#0ee"/>
 </svg>
diff --git a/src/assets/techs/tomcat.svg b/src/assets/techs/tomcat.svg
index 4545170..3a0dd23 100644
--- a/src/assets/techs/tomcat.svg
+++ b/src/assets/techs/tomcat.svg
@@ -1,4 +1,4 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 209.445 595.279 424">
+<svg class="tech-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 209.445 595.279 424">
   <path fill="#d1a41a"
     d="M531.64 594.445 437.037 493.74l-10.896 7.205c-52.431-30.908-91.661-75.49-111.786-142.345-71.662 17.629-155.214 62.845-209.047 124.013.01.012.021.023.03.037-53.459 57.869-87.91 112.324-97.033 132.129l52.169.334c-2.015-23.424 4.09-42.951 20-64.668 72.167-98.5 343.167 15 450.167 76.5l57-.5c-.001 0-8.501-37.5-56.001-32z" />
   <path fill="#ffdc76"
diff --git a/src/assets/techs/tor.svg b/src/assets/techs/tor.svg
index 5235f3b..87a7244 100644
--- a/src/assets/techs/tor.svg
+++ b/src/assets/techs/tor.svg
@@ -1,4 +1,4 @@
-<svg xmlns="http://www.w3.org/2000/svg"
+<svg class="tech-icon" xmlns="http://www.w3.org/2000/svg"
   viewBox="-45.76935 -46.19575 396.6677 277.1745">
   <path
     d="M172.218 13.794l-4.917 19.529C174.266 19.53 185.328 9.151 198.03 0c-9.287 10.789-17.754 21.579-22.944 32.368 8.741-12.292 20.486-19.12 33.733-23.627-17.618 15.706-31.602 32.56-42.255 49.494l-8.467-3.687c1.5-13.52 6.609-27.369 14.121-40.754z"
diff --git a/src/assets/techs/torrent.svg b/src/assets/techs/torrent.svg
index 751c8a5..9039cf4 100644
--- a/src/assets/techs/torrent.svg
+++ b/src/assets/techs/torrent.svg
@@ -1,4 +1,4 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48">
+<svg class="tech-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48">
   <g fill="#76B83F" fill-rule="evenodd">
     <path d="M27.368 47.76c8.894-1.25 16.222-7.372 19.198-15.578-.235.087-.522.19-.864.292-4 1.18-6.808-.932-7.374-1.297-.567-.362-1.173-.96-1.287-.93-.366 2.266-2.436 5.413-7.16 6.84-2.588.784-5.374.802-7.361-.312l.655 1.644c.263.655.703 1.73.976 2.383 0 0 1.717 4.088 3.217 6.959"/>
     <path d="m5.446 14.188 7.081-1.32c.645-.117 1.36.249 1.587.813l4.865 12.142c.662 1.266.797 1.546 1.228 2.086 0 0 3.36 4.796 8.48 3.624 3.454-.789 5.066-3.381 5.175-5.225.114-.592-.063-1.337-.37-2.032l-5.828-13.175c-.234-.53.043-1.052.612-1.16l5.905-1.1c.542-.098 1.177.239 1.413.752l6.455 13.819c.26.553.787 1.424 1.175 1.932 0 0 1.343 1.928 3.494 1.562.531 0 1.137-.288 1.137-.288.095-.86.145-1.732.145-2.619C48 10.744 37.254 0 23.997 0 10.744 0 0 10.744 0 24 0 34.635 6.92 43.652 16.505 46.8a49.535 49.535 0 0 1-1.839-4.242L4.596 15.497c-.222-.594.166-1.181.85-1.31"/>
diff --git a/src/assets/techs/tumblr.svg b/src/assets/techs/tumblr.svg
index 7126848..ac935bd 100644
--- a/src/assets/techs/tumblr.svg
+++ b/src/assets/techs/tumblr.svg
@@ -1,4 +1,4 @@
-<svg viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<svg class="tech-icon" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
 <circle cx="24" cy="24" r="20" fill="#35465C"/>
 <path d="M31.3174 33.7474C30.5679 34.468 29.0299 35.0033 27.5558 35.0282C27.5001 35.0292 27.4455 35.0297 27.3907 35.0297H27.3902C22.5415 35.0294 21.2478 31.3282 21.2478 29.1411V22.4204C21.2478 22.365 21.2029 22.32 21.1475 22.32H18.8029C18.7474 22.32 18.7025 22.2751 18.7025 22.2196V19.1581C18.7025 19.1171 18.7281 19.0806 18.7663 19.0658C21.2722 18.0903 22.6716 16.152 23.0397 13.154C23.0602 12.9875 23.1976 12.9829 23.199 12.9829H26.3287C26.3842 12.9829 26.4291 13.0279 26.4291 13.0833V18.4642C26.4291 18.5196 26.4741 18.5645 26.5295 18.5645H30.4253C30.4808 18.5645 30.5257 18.6095 30.5257 18.6649V22.2196C30.5257 22.2751 30.4808 22.32 30.4253 22.32H26.5127C26.4573 22.32 26.4123 22.365 26.4123 22.4205L26.4124 28.8076C26.4355 30.2457 27.1315 30.9747 28.4812 30.9747C29.025 30.9747 29.6479 30.8482 30.2166 30.6309C30.2698 30.6106 30.3285 30.6377 30.3466 30.6916L31.3419 33.6419C31.3544 33.6791 31.3457 33.7203 31.3174 33.7474ZM26.7413 36C29.1428 36 31.5222 35.145 32.3094 34.1092L32.4671 33.9016L30.9785 29.4895C30.9647 29.4486 30.9264 29.4212 30.8834 29.4212H27.5578C27.5128 29.4212 27.4721 29.3925 27.4607 29.3489C27.422 29.2018 27.3988 29.0219 27.3952 28.7996V23.4034C27.3952 23.3479 27.4402 23.3029 27.4956 23.3029H31.4082C31.4637 23.3029 31.5086 23.258 31.5086 23.2025V17.682C31.5086 17.6266 31.4637 17.5816 31.4082 17.5816H27.5124C27.457 17.5816 27.412 17.5367 27.412 17.4812V12.1004C27.412 12.045 27.3671 12 27.3116 12H20.4794C19.9909 12 19.4271 12.3624 19.3446 13.034C19.0035 15.8116 17.7296 17.478 15.3357 18.278L15.0686 18.3672C15.0276 18.3809 15 18.4192 15 18.4624V23.2025C15 23.258 15.0449 23.3029 15.1004 23.3029H17.5453V29.1411C17.5453 33.8016 20.7733 36 26.7413 36Z" fill="white"/>
-</svg>
\ No newline at end of file
+</svg>
diff --git a/src/assets/techs/turbo.svg b/src/assets/techs/turbo.svg
index 0730b1a..e91e492 100644
--- a/src/assets/techs/turbo.svg
+++ b/src/assets/techs/turbo.svg
@@ -1,4 +1,4 @@
-<svg viewBox="0 30 104 44" fill="none" xmlns="http://www.w3.org/2000/svg">
+<svg class="tech-icon" viewBox="0 30 104 44" fill="none" xmlns="http://www.w3.org/2000/svg">
   <g clip-path="url(#clip0_1_17)">
     <path
       d="M51.8878 37.9262C44.1892 37.9262 37.9258 44.1896 37.9258 51.8882C37.9258 59.5868 44.1892 65.8502 51.8878 65.8502C59.5864 65.8502 65.8498 59.5868 65.8498 51.8882C65.8498 44.1896 59.5864 37.9262 51.8878 37.9262ZM51.8878 59.1136C47.8968 59.1136 44.6624 55.8792 44.6624 51.8882C44.6624 47.8972 47.8968 44.6628 51.8878 44.6628C55.8788 44.6628 59.1132 47.8972 59.1132 51.8882C59.1132 55.8792 55.8788 59.1136 51.8878 59.1136Z"
diff --git a/src/assets/techs/typescript.svg b/src/assets/techs/typescript.svg
index 3950018..b6c90ea 100755
--- a/src/assets/techs/typescript.svg
+++ b/src/assets/techs/typescript.svg
@@ -1,4 +1,4 @@
-<svg viewBox="0 0 400 400" xmlns="http://www.w3.org/2000/svg">
+<svg class="tech-icon" viewBox="0 0 400 400" xmlns="http://www.w3.org/2000/svg">
   <path d="M0 200V0h400v400H0" style="fill:#007acc"/>
   <path d="M87.7 200.7V217h52v148h36.9V217h52v-16c0-9 0-16.3-.4-16.5 0-.3-31.7-.4-70.2-.4l-70 .3v16.4l-.3-.1zM321.4 184c10.2 2.4 18 7 25 14.3 3.7 4 9.2 11 9.6 12.8 0 .6-17.3 12.3-27.8 18.8-.4.3-2-1.4-3.6-4-5.2-7.4-10.5-10.6-18.8-11.2-12-.8-20 5.5-20 16 0 3.2.6 5 1.8 7.6 2.7 5.5 7.7 8.8 23.2 15.6 28.6 12.3 41 20.4 48.5 32 8.5 13 10.4 33.4 4.7 48.7-6.4 16.7-22 28-44.3 31.7-7 1.2-23 1-30.5-.3-16-3-31.3-11-40.7-21.3-3.7-4-10.8-14.7-10.4-15.4l3.8-2.4 15-8.7 11.3-6.6 2.6 3.5c3.3 5.2 10.7 12.2 15 14.6 13 6.7 30.4 5.8 39-2 3.7-3.4 5.3-7 5.3-12 0-4.6-.7-6.7-3-10.2-3.2-4.4-9.6-8-27.6-16-20.7-8.8-29.5-14.4-37.7-23-4.7-5.2-9-13.3-11-20-1.5-5.8-2-20-.6-25.7 4.3-20 19.4-34 41-38 7-1.4 23.5-.8 30.4 1l-.2.2z" style="fill:#fff"/>
 </svg>
diff --git a/src/assets/techs/ubuntu.svg b/src/assets/techs/ubuntu.svg
index d594f9c..d278e28 100644
--- a/src/assets/techs/ubuntu.svg
+++ b/src/assets/techs/ubuntu.svg
@@ -1,4 +1,4 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
+<svg class="tech-icon" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
   viewBox="0 0 100 100">
   <circle cx="50" cy="50" r="45" fill="#f47421" />
   <circle cx="50" cy="50" r="21.825" fill="none" stroke="#fff" stroke-width="8.55" />
diff --git a/src/assets/techs/vercel.svg b/src/assets/techs/vercel.svg
index 7cbb258..0d9bc9c 100644
--- a/src/assets/techs/vercel.svg
+++ b/src/assets/techs/vercel.svg
@@ -1,4 +1,4 @@
-<svg viewBox="0 -40 227 138" fill="none" xmlns="http://www.w3.org/2000/svg">
+<svg class="tech-icon" viewBox="0 -40 227 138" fill="none" xmlns="http://www.w3.org/2000/svg">
   <path
     d="M104.321 11.7514C96.199 11.7514 90.3427 17.0395 90.3427 24.9718C90.3427 32.904 96.9347 38.1921 105.057 38.1921C109.964 38.1921 114.29 36.2531 116.968 32.9848L111.34 29.7384C109.854 31.3616 107.595 32.309 105.057 32.309C101.533 32.309 98.5385 30.4729 97.4276 27.535H118.042C118.204 26.7124 118.3 25.8605 118.3 24.9644C118.3 17.0396 112.443 11.7514 104.321 11.7514ZM97.3614 22.4011C98.281 19.4706 100.797 17.6271 104.314 17.6271C107.838 17.6271 110.354 19.4706 111.266 22.4011H97.3614ZM183.542 11.7514C175.42 11.7514 169.564 17.0395 169.564 24.9718C169.564 32.904 176.156 38.1921 184.278 38.1921C189.185 38.1921 193.511 36.2531 196.189 32.9848L190.561 29.7384C189.075 31.3616 186.816 32.309 184.278 32.309C180.754 32.309 177.76 30.4729 176.649 27.535H197.264C197.425 26.7124 197.521 25.8605 197.521 24.9644C197.521 17.0396 191.665 11.7514 183.542 11.7514ZM176.59 22.4011C177.51 19.4706 180.026 17.6271 183.542 17.6271C187.067 17.6271 189.583 19.4706 190.495 22.4011H176.59ZM147.875 24.9718C147.875 29.3785 150.759 32.3164 155.232 32.3164C158.264 32.3164 160.537 30.9429 161.707 28.7028L167.357 31.9565C165.017 35.8492 160.632 38.1921 155.232 38.1921C147.103 38.1921 141.254 32.904 141.254 24.9718C141.254 17.0395 147.11 11.7514 155.232 11.7514C160.632 11.7514 165.01 14.0944 167.357 17.987L161.707 21.2407C160.537 19.0006 158.264 17.6271 155.232 17.6271C150.767 17.6271 147.875 20.565 147.875 24.9718ZM208.557 3.67232V37.4576H201.935V3.67232H208.557ZM27.7411 0L54.9256 47.0057H0.556641L27.7411 0ZM95.7061 3.67232L75.3195 38.9266L54.933 3.67232H62.577L75.3195 25.7062L88.062 3.67232H95.7061ZM139.047 12.4859V19.6028C138.311 19.3898 137.531 19.2429 136.692 19.2429C132.418 19.2429 129.335 22.1808 129.335 26.5876V37.4576H122.714V12.4859H129.335V19.2429C129.335 15.5119 133.683 12.4859 139.047 12.4859Z"
     fill="var(--vtl-background-svg" />
diff --git a/src/assets/techs/visualcode.svg b/src/assets/techs/visualcode.svg
index 07b1de0..22a1b4d 100644
--- a/src/assets/techs/visualcode.svg
+++ b/src/assets/techs/visualcode.svg
@@ -1,5 +1,5 @@
 
-<svg viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<svg class="tech-icon" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M21.0016 3.11679C21.0016 2.23783 20.0175 2.23782 19.5801 2.34769C20.1924 1.86426 20.9105 1.98147 21.1656 2.12796L27.079 5.02747C27.6424 5.30375 27.9998 5.8786 27.9998 6.50857V25.5831C27.9998 26.2215 27.6329 26.8025 27.058 27.0743L21.4937 29.7054C21.1109 29.8701 20.2799 30.2767 19.5801 29.7053C20.4549 29.8702 20.9287 29.2476 21.0016 28.8264V3.11679Z" fill="url(#paint0_linear_87_8101)"/>
 <path d="M19.6512 2.3319C20.1154 2.24017 21.0018 2.28271 21.0018 3.11685V9.68254L3.07359 23.2453C2.76022 23.4824 2.3192 23.443 2.05229 23.1542L0.204532 21.1548C-0.0849358 20.8416 -0.0646824 20.3513 0.249624 20.0633L19.5802 2.34775L19.6512 2.3319Z" fill="url(#paint1_linear_87_8101)"/>
 <path d="M21.0018 22.3708L3.07359 8.80801C2.76022 8.57094 2.3192 8.61028 2.05229 8.8991L0.204532 10.8985C-0.0849358 11.2117 -0.0646824 11.702 0.249624 11.9901L19.5802 29.7056C20.455 29.8704 20.9289 29.2478 21.0018 28.8266V22.3708Z" fill="url(#paint2_linear_87_8101)"/>
@@ -21,4 +21,4 @@
 <stop offset="1" stop-color="#1173C5"/>
 </linearGradient>
 </defs>
-</svg>
\ No newline at end of file
+</svg>
diff --git a/src/assets/techs/vite.svg b/src/assets/techs/vite.svg
index fc3faca..b111a1b 100755
--- a/src/assets/techs/vite.svg
+++ b/src/assets/techs/vite.svg
@@ -1,4 +1,4 @@
-<svg viewBox="-0.5 0 257 257" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid">
+<svg class="tech-icon" viewBox="-0.5 0 257 257" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid">
   <defs>
     <linearGradient x1="-.828%" y1="7.652%" x2="57.636%" y2="78.411%" id="vite-linear-gradient-1">
       <stop stop-color="#41D1FF" offset="0%"/>
diff --git a/src/assets/techs/vitest.svg b/src/assets/techs/vitest.svg
index e00b1b9..4939deb 100755
--- a/src/assets/techs/vitest.svg
+++ b/src/assets/techs/vitest.svg
@@ -1,4 +1,4 @@
-<svg viewBox="0 0 165 165" fill="none" xmlns="http://www.w3.org/2000/svg">
+<svg class="tech-icon" viewBox="0 0 165 165" fill="none" xmlns="http://www.w3.org/2000/svg">
     <g filter="url(#filter-vite-2)" clip-path="url(#filter-vite-1)">
         <path d="m120.831 57.254-36.138 52.251a3.111 3.111 0 0 1-5.123-.008 3.079 3.079 0 0 1-.533-1.891l1.446-28.848-23.349-4.952A3.103 3.103 0 0 1 54.9 71.93a3.075 3.075 0 0 1 .33-2.895l36.138-52.25a3.117 3.117 0 0 1 3.552-1.179c.64.215 1.19.632 1.57 1.187.38.556.568 1.22.534 1.891l-1.447 28.848 23.349 4.952c.499.106.964.332 1.354.66a3.076 3.076 0 0 1 .551 4.112Z" fill="#FCC72B"/>
         <path d="M82.987 153.343a7.296 7.296 0 0 1-5.175-2.143l-34.146-34.144a7.315 7.315 0 0 1 5.178-12.477 7.32 7.32 0 0 1 5.17 2.129l28.973 28.97 63.118-63.115a7.316 7.316 0 0 1 10.347 10.347L88.16 151.2a7.288 7.288 0 0 1-5.173 2.143Z" fill="#729B1B"/><path d="M82.957 153.343a7.296 7.296 0 0 0 5.175-2.143l34.146-34.144a7.313 7.313 0 0 0-.014-10.333 7.32 7.32 0 0 0-10.334-.015l-28.973 28.97L19.84 72.563A7.317 7.317 0 0 0 9.49 82.91l68.293 68.29a7.29 7.29 0 0 0 5.173 2.143Z" fill="#729B1B" fill-opacity=".5"/>
diff --git a/src/assets/techs/vk.svg b/src/assets/techs/vk.svg
index 0ea3653..93a2da6 100644
--- a/src/assets/techs/vk.svg
+++ b/src/assets/techs/vk.svg
@@ -1,4 +1,4 @@
-<svg viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
+<svg class="tech-icon" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
   <path
     d="M0 14.4C0 7.61 0 4.22 2.1 2.1 4.23 0 7.62 0 14.4 0h1.2c6.79 0 10.18 0 12.3 2.1C30 4.23 30 7.62 30 14.4v1.2c0 6.79 0 10.18-2.1 12.3C25.77 30 22.38 30 15.6 30h-1.2c-6.79 0-10.18 0-12.3-2.1C0 25.77 0 22.38 0 15.6v-1.2Z"
     fill="#07F"></path>
diff --git a/src/assets/techs/vue.svg b/src/assets/techs/vue.svg
index 41b0863..54a66a8 100755
--- a/src/assets/techs/vue.svg
+++ b/src/assets/techs/vue.svg
@@ -1,4 +1,4 @@
-<svg viewBox="0 -17.5 256 256" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid">
+<svg class="tech-icon" viewBox="0 -17.5 256 256" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid">
   <path d="M204.8 0H256L128 220.8 0 0h97.92L128 51.2 157.44 0h47.36Z" fill="#41B883"/>
   <path d="m0 0 128 220.8L256 0h-51.2L128 132.48 50.56 0H0Z" fill="#41B883"/>
   <path d="M50.56 0 128 133.12 204.8 0h-47.36L128 51.2 97.92 0H50.56Z" fill="#35495E"/>
diff --git a/src/assets/techs/webpack.svg b/src/assets/techs/webpack.svg
index 47d5453..56a71c0 100755
--- a/src/assets/techs/webpack.svg
+++ b/src/assets/techs/webpack.svg
@@ -1,4 +1,4 @@
-<svg viewBox="-17 0 290 290" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid">
+<svg class="tech-icon" viewBox="-17 0 290 290" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid">
   <path fill="#FFF" d="m128 .048 128 72.405V217.31l-128 72.405L0 217.31V72.453z"/>
   <path d="m233.153 212.287-100.902 57.14V224.99l62.889-34.632 38.013 21.929Zm6.907-6.231V86.654l-36.902 21.3v76.8l36.902 21.302Zm-217.6 6.23 100.903 57.094v-44.438l-62.889-34.584-38.014 21.929Zm-6.907-6.23V86.654l36.903 21.3v76.8l-36.903 21.302Zm4.3-127.13 103.51-58.543v42.99L57.045 99.84l-.532.29-36.66-21.205Zm215.86 0L132.251 20.382v42.99l66.27 36.515.531.29 36.661-21.253Z" fill="#8ED6FB"/>
   <path d="m123.363 214.847-62.02-34.15v-67.574l62.02 35.792v65.932Zm8.888 0 62.02-34.101v-67.623l-62.02 35.792v65.932ZM65.497 105.298l62.31-34.246 62.26 34.246-62.26 35.937-62.31-35.937Z" fill="#1C78C0"/>
diff --git a/src/assets/techs/whatsapp.svg b/src/assets/techs/whatsapp.svg
index 7739679..828122c 100644
--- a/src/assets/techs/whatsapp.svg
+++ b/src/assets/techs/whatsapp.svg
@@ -1,5 +1,5 @@
 
-<svg viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<svg class="tech-icon" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path fill-rule="evenodd" clip-rule="evenodd" d="M16 31C23.732 31 30 24.732 30 17C30 9.26801 23.732 3 16 3C8.26801 3 2 9.26801 2 17C2 19.5109 2.661 21.8674 3.81847 23.905L2 31L9.31486 29.3038C11.3014 30.3854 13.5789 31 16 31ZM16 28.8462C22.5425 28.8462 27.8462 23.5425 27.8462 17C27.8462 10.4576 22.5425 5.15385 16 5.15385C9.45755 5.15385 4.15385 10.4576 4.15385 17C4.15385 19.5261 4.9445 21.8675 6.29184 23.7902L5.23077 27.7692L9.27993 26.7569C11.1894 28.0746 13.5046 28.8462 16 28.8462Z" fill="#BFC8D0"/>
 <path d="M28 16C28 22.6274 22.6274 28 16 28C13.4722 28 11.1269 27.2184 9.19266 25.8837L5.09091 26.9091L6.16576 22.8784C4.80092 20.9307 4 18.5589 4 16C4 9.37258 9.37258 4 16 4C22.6274 4 28 9.37258 28 16Z" fill="url(#paint0_linear_87_7264)"/>
 <path fill-rule="evenodd" clip-rule="evenodd" d="M16 30C23.732 30 30 23.732 30 16C30 8.26801 23.732 2 16 2C8.26801 2 2 8.26801 2 16C2 18.5109 2.661 20.8674 3.81847 22.905L2 30L9.31486 28.3038C11.3014 29.3854 13.5789 30 16 30ZM16 27.8462C22.5425 27.8462 27.8462 22.5425 27.8462 16C27.8462 9.45755 22.5425 4.15385 16 4.15385C9.45755 4.15385 4.15385 9.45755 4.15385 16C4.15385 18.5261 4.9445 20.8675 6.29184 22.7902L5.23077 26.7692L9.27993 25.7569C11.1894 27.0746 13.5046 27.8462 16 27.8462Z" fill="white"/>
@@ -10,4 +10,4 @@
 <stop offset="1" stop-color="#27B43E"/>
 </linearGradient>
 </defs>
-</svg>
\ No newline at end of file
+</svg>
diff --git a/src/assets/techs/wordpress.svg b/src/assets/techs/wordpress.svg
index 8ceb73a..83a3935 100644
--- a/src/assets/techs/wordpress.svg
+++ b/src/assets/techs/wordpress.svg
@@ -1,4 +1,4 @@
-<svg viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<svg class="tech-icon" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
 <circle cx="16" cy="16" r="14" fill="#028CB0"/>
 <path d="M6.45538 16C6.45538 19.7823 8.65538 23.04 11.8369 24.5885L7.28462 12.1162C6.73798 13.338 6.45541 14.6615 6.45538 16ZM16 25.5446C17.1085 25.5446 18.1746 25.35 19.1731 25.0031L19.1054 24.8762L16.1692 16.8377L13.3092 25.1554C14.1554 25.4092 15.0608 25.5446 16 25.5446ZM17.3115 11.5238L20.7638 21.7877L21.72 18.6062C22.1262 17.2862 22.4392 16.3385 22.4392 15.5177C22.4392 14.3331 22.0162 13.5208 21.6608 12.8946C21.17 12.0992 20.7215 11.4308 20.7215 10.6523C20.7215 9.77231 21.3815 8.96 22.3292 8.96H22.4477C20.689 7.34546 18.3874 6.45141 16 6.45538C14.4192 6.45509 12.8632 6.84777 11.4718 7.59809C10.0805 8.34842 8.89746 9.43285 8.02923 10.7538L8.63846 10.7708C9.63692 10.7708 11.1769 10.6438 11.1769 10.6438C11.7015 10.6185 11.7608 11.3715 11.2446 11.4308C11.2446 11.4308 10.7285 11.4985 10.1446 11.5238L13.6308 21.8638L15.7208 15.6023L14.2315 11.5238C13.898 11.5054 13.565 11.4772 13.2331 11.4392C12.7169 11.4054 12.7762 10.6185 13.2923 10.6438C13.2923 10.6438 14.8662 10.7708 15.8054 10.7708C16.8038 10.7708 18.3438 10.6438 18.3438 10.6438C18.86 10.6185 18.9277 11.3715 18.4115 11.4308C18.4115 11.4308 17.8954 11.49 17.3115 11.5238ZM20.7977 24.25C22.2416 23.4104 23.4399 22.2066 24.2729 20.7589C25.1059 19.3112 25.5444 17.6703 25.5446 16C25.5446 14.3415 25.1215 12.7846 24.3769 11.4223C24.5281 12.9211 24.3012 14.4339 23.7169 15.8223L20.7977 24.25ZM16 27C13.0826 27 10.2847 25.8411 8.22183 23.7782C6.15893 21.7153 5 18.9174 5 16C5 13.0826 6.15893 10.2847 8.22183 8.22183C10.2847 6.15893 13.0826 5 16 5C18.9174 5 21.7153 6.15893 23.7782 8.22183C25.8411 10.2847 27 13.0826 27 16C27 18.9174 25.8411 21.7153 23.7782 23.7782C21.7153 25.8411 18.9174 27 16 27Z" fill="white"/>
-</svg>
\ No newline at end of file
+</svg>
diff --git a/src/assets/techs/x.svg b/src/assets/techs/x.svg
index 1b55ea7..0cc28bc 100644
--- a/src/assets/techs/x.svg
+++ b/src/assets/techs/x.svg
@@ -1,3 +1,3 @@
-<svg viewBox="0 0 24 24" aria-label="X" role="img">
+<svg class="tech-icon" viewBox="0 0 24 24" aria-label="X" role="img">
   <path fill="var(--vtl-background-svg)" d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" />
 </svg>
diff --git a/src/assets/techs/xcode.svg b/src/assets/techs/xcode.svg
index 44dcd0e..7713f65 100644
--- a/src/assets/techs/xcode.svg
+++ b/src/assets/techs/xcode.svg
@@ -1,5 +1,5 @@
 
-<svg viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<svg class="tech-icon" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
 <circle cx="16" cy="16" r="14" fill="url(#paint0_linear_87_8317)"/>
 <path d="M18.4468 8.65403C18.7494 8.12586 18.5685 7.45126 18.0428 7.14727C17.5171 6.84328 16.8456 7.02502 16.543 7.55318L16.0153 8.47442L15.4875 7.55318C15.1849 7.02502 14.5134 6.84328 13.9877 7.14727C13.462 7.45126 13.2811 8.12586 13.5837 8.65403L14.748 10.6864L11.0652 17.1149H8.09831C7.49173 17.1149 7 17.6089 7 18.2183C7 18.8277 7.49173 19.3217 8.09831 19.3217H18.4324C18.523 19.0825 18.6184 18.6721 18.5169 18.2949C18.3644 17.7279 17.8 17.1149 16.8542 17.1149H13.5997L18.4468 8.65403Z" fill="white"/>
 <path d="M11.6364 20.5419C11.449 20.3328 11.0292 19.9987 10.661 19.8888C10.0997 19.7211 9.67413 19.8263 9.45942 19.9179L8.64132 21.346C8.33874 21.8741 8.51963 22.5487 9.04535 22.8527C9.57107 23.1567 10.2425 22.975 10.5451 22.4468L11.6364 20.5419Z" fill="white"/>
@@ -10,4 +10,4 @@
 <stop offset="1" stop-color="#1F65EB"/>
 </linearGradient>
 </defs>
-</svg>
\ No newline at end of file
+</svg>
diff --git a/src/assets/techs/yandex.svg b/src/assets/techs/yandex.svg
index a40e2d0..b8118ff 100644
--- a/src/assets/techs/yandex.svg
+++ b/src/assets/techs/yandex.svg
@@ -1,4 +1,4 @@
-<svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+<svg class="tech-icon" fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
   <path
     d="M2.04 12c0-5.523 4.476-10 10-10 5.522 0 10 4.477 10 10s-4.478 10-10 10c-5.524 0-10-4.477-10-10z"
     fill="#FC3F1D" />
diff --git a/src/assets/techs/youtube.svg b/src/assets/techs/youtube.svg
index f6cd180..14807c4 100644
--- a/src/assets/techs/youtube.svg
+++ b/src/assets/techs/youtube.svg
@@ -1,2 +1,2 @@
 
-<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" fill="none"><path fill="red" d="M14.712 4.633a1.754 1.754 0 00-1.234-1.234C12.382 3.11 8 3.11 8 3.11s-4.382 0-5.478.289c-.6.161-1.072.634-1.234 1.234C1 5.728 1 8 1 8s0 2.283.288 3.367c.162.6.635 1.073 1.234 1.234C3.618 12.89 8 12.89 8 12.89s4.382 0 5.478-.289a1.754 1.754 0 001.234-1.234C15 10.272 15 8 15 8s0-2.272-.288-3.367z"/><path fill="#ffffff" d="M6.593 10.11l3.644-2.098-3.644-2.11v4.208z"/></svg>
\ No newline at end of file
+<svg class="tech-icon" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" fill="none"><path fill="red" d="M14.712 4.633a1.754 1.754 0 00-1.234-1.234C12.382 3.11 8 3.11 8 3.11s-4.382 0-5.478.289c-.6.161-1.072.634-1.234 1.234C1 5.728 1 8 1 8s0 2.283.288 3.367c.162.6.635 1.073 1.234 1.234C3.618 12.89 8 12.89 8 12.89s4.382 0 5.478-.289a1.754 1.754 0 001.234-1.234C15 10.272 15 8 15 8s0-2.272-.288-3.367z"/><path fill="#ffffff" d="M6.593 10.11l3.644-2.098-3.644-2.11v4.208z"/></svg>

From 2d3c53c99ef8f719434e47e3abee59df8288b927 Mon Sep 17 00:00:00 2001
From: lucasferreiralimax <lucasferreiralimax@gmail.com>
Date: Tue, 22 Oct 2024 20:25:29 -0300
Subject: [PATCH 3/3] update docs for raw

---
 README.md         | 4 ++++
 src/App.config.ts | 5 +++++
 2 files changed, 9 insertions(+)

diff --git a/README.md b/README.md
index 5af03a4..65db76e 100644
--- a/README.md
+++ b/README.md
@@ -28,4 +28,8 @@ import ReactTechsLogs from 'react-techs-logos';
 // Hidden label
 <ReactTechsLogos name="javascript" hiddenLabel />
 <ReactTechsLogos hiddenLabel />
+
+// Raw
+<ReactTechsLogos name="javascript" raw />
+<ReactTechsLogos raw/>
 ```
diff --git a/src/App.config.ts b/src/App.config.ts
index 41d20df..9298e8c 100644
--- a/src/App.config.ts
+++ b/src/App.config.ts
@@ -46,5 +46,10 @@ import ReactTechsLogs from 'react-techs-logos'
   ]}
 />`,
     },
+    {
+      name: 'raw',
+      language: 'tsx',
+      content: `<ReactTechsLogos raw />`,
+    },
   ],
 }