Removes homepage animations from small screens

assets/css/site.css

@@ -793,14 +793,6 @@ body#default
             border-radius: 10dvw 10dvw 0 0;
             left: 52dvw;
             width: 20dvw;
-
-            &:hover {
-                transform: rotate(6deg) translateY(0.25dvh);
-
-                + #square {
-                    transform: rotate(6deg) translateY(0.25dvh) translateX(0.5dvw);
-                }
-            }
         }
 
         #square {
@@ -808,10 +800,6 @@ body#default
             height: 12dvw;
             width: 12dvw;
             bottom: 0;
-
-            &:has(+ #circle:hover) {
-                transform: translateX(-0.125dvw);
-            }
         }
 
         #circle {
@@ -834,10 +822,6 @@ body#default
             left: 2dvw;
             bottom: 0;
             transform-origin: 38%;
-
-            &:hover {
-                transform: rotate(-6deg) translateY(-0.125dvh);
-            }
         }
 
         #triangle {
@@ -1058,6 +1042,14 @@ body#legacy
                 width: 24dvh;
                 left: auto;
                 right: -1dvw;
+
+                &:hover {
+                    transform: rotate(6deg) translateY(0.25dvh);
+
+                    + #square {
+                        transform: rotate(6deg) translateY(0.25dvh) translateX(0.5dvw);
+                    }
+                }
             }
 
             #square {
@@ -1065,6 +1057,10 @@ body#legacy
                 height: 12dvh;
                 width: 12dvh;
                 right: 2dvw;
+
+                &:has(+ #circle:hover) {
+                    transform: translateX(-0.125dvw);
+                }
             }
 
             #circle {
@@ -1081,6 +1077,10 @@ body#legacy
                 width: 36dvw;
                 right: -16dvw;
                 bottom: 25dvh;
+
+                &:hover {
+                    transform: rotate(-6deg) translateY(-0.125dvh);
+                }
             }
 
             #triangle {