add: animation for install instructions

Author: carsakiller

src/pages/index.astro

@@ -550,7 +550,7 @@ exec "<path-to-directory>/bin/lua-language-server" "$@&quot
       span.description {
         margin: 0px;
         border-radius: 0px 99em 99em 0px;
-        border-left: 2px solid white
+        border-left: 2px solid white;
       }
     }
 
@@ -647,8 +647,54 @@ exec "<path-to-directory>/bin/lua-language-server" "$@&quot
         align-items: center;
         gap: 0.3em;
         position: relative;
-        box-shadow: var(--brand-primary) 0px 0px 0px 0px;
-        transition: box-shadow ease-in-out 0.5s;
+
+        &::before {
+          content: "";
+          position: absolute;
+          z-index: -1;
+          top: 0%;
+          left: 0%;
+          width: 100%;
+          height: 100%;
+          border-radius: 99em;
+          background-color: var(--brand-primary);
+          transition: opacity ease-in-out 0.5s;
+          opacity: 0;
+          filter: blur(10px);
+        }
+
+        &.active::before {
+          opacity: 0.7;
+        }
+
+        &::after {
+          content: "";
+          position: absolute;
+          z-index: -2;
+          top: 10%;
+          left: 10%;
+          width: 80%;
+          height: 80%;
+          border-radius: 20%;
+          background-color: var(--brand-primary);
+          transition: opacity ease-in-out 0.5s;
+          opacity: 0;
+        }
+
+        &.active::after {
+          filter: brightness(150%) hue-rotate(30deg) blur(15px);
+          animation: spin 3s infinite both linear;
+          opacity: 1;
+        }
+
+        @keyframes spin {
+          0% {
+            transform: rotate(0deg);
+          }
+          100% {
+            transform: rotate(360deg);
+          }
+        }
 
         &.vscode {
           --brand-primary: #23a9f2;
@@ -667,10 +713,6 @@ exec "<path-to-directory>/bin/lua-language-server" "$@&quot
           cursor: pointer;
         }
 
-        &.active {
-          box-shadow: var(--brand-primary) 0px 0px 15px 3px;
-        }
-
         img,
         :global(i) {
           height: 1em;