Fixed mobile not toggling on/off properly

- Chrome & Firefox Mobile issue
- Despite not having hover in JS, CSS :hover selector was activating
- Tiny, inactive mobile-only button was clickable
- Fixed duplicate key issue in icon links

src/styles/globals.scss

@@ -7,6 +7,16 @@
 @tailwind components;
 @tailwind utilities;
 
+@mixin active {
+  .elements {
+    @apply grid opacity-100;
+  }
+
+  > img {
+    @apply blur-2xl;
+  }
+}
+
 html, body {
   @apply font-manrope;
 }
@@ -25,33 +35,20 @@ html, body {
     }
   }
 
-  &:hover, &.active {
-    .elements {
-      @apply grid opacity-100;
-    }
-
-    > img {
-      @apply blur-2xl;
+  @media (hover: hover) and (pointer: fine) {
+    &:hover {
+      @include active;
     }
   }
-}
 
-.stepped {
-  @apply text-white text-8xl;
-  font-family: monospace;
-
-  > span {
-    @apply transition-colors delay-300;
-
-    &:hover, &.active {
-      @apply text-black bg-white;
-      transition-delay: 0s;
-    }
+  &.active {
+    @include active;
   }
 }
 
 .icon-grid {
   direction: rtl;
+  @apply min-w-0 max-w-full min-h-0 max-h-full;
 
   > a > svg {
     @apply w-full h-full;