put anims back

client/assets/styles/game.css

@@ -113,10 +113,6 @@
 }
 
 @media (max-width: 1500px) {
-    .game {
-        font-size: 12pt;
-    }
-
     .game-cryp figure {
         padding: 0 0.25em;
     }
@@ -171,7 +167,6 @@
 
 .game-cryp button[disabled], .game-cryp button[disabled]:hover {
     color: #333333;
-    font-size: 14pt;
     text-decoration: line-through
 }
 

client/assets/styles/styles.mobile.css

@@ -1,6 +1,6 @@
 @media (max-height: 800px), (max-width: 1000px) {
     #cryps {
-        font-size: 12pt;
+        font-size: 8pt;
         padding: 0;
         grid-template-columns: min-content 1fr;
         grid-template-rows: min-content 1fr;
@@ -9,6 +9,10 @@
           "main main";
     }
 
+    button {
+        font-size: 8pt;
+    }
+
     table td {
         height: 2.5em;
     }
@@ -27,15 +31,8 @@
         -moz-transition: all 0.5s ease-in-out;
         -o-transition: all 0.5s ease-in-out;
         transition: all 0.5s ease-in-out;
+    }
 
-    }
-/*    main {
-        -webkit-transition: all 0.5s ease-in-out;
-        -moz-transition: all 0.5s ease-in-out;
-        -o-transition: all 0.5s ease-in-out;
-        transition: all 0.5s ease-in-out;
-    }
-*/
     #toggle-nav { display: none; }
 
     #toggle-nav-label {

client/src/utils.jsx

@@ -80,10 +80,10 @@ function clearAnimation(id) {
 }
 
 function crypAvatar(name, id) {
-    // useEffect(() => {
-    //     animateCryp(id);
-    //     return () => clearAnimation(id);
-    // });
+    useEffect(() => {
+        animateCryp(id);
+        return () => clearAnimation(id);
+    });
 
     return (
         <img
@@ -96,10 +96,10 @@ function crypAvatar(name, id) {
 }
 
 function instanceCryp(name, id) {
-    // useEffect(() => {
-    //     animateCryp(id);
-    //     return () => clearAnimation(id);
-    // });
+    useEffect(() => {
+        animateCryp(id);
+        return () => clearAnimation(id);
+    });
 
     return (
         <div