mobile fix

client/assets/styles/styles.mobile.less

@@ -169,7 +169,16 @@
         grid-template-columns: 1fr;
         grid-template-rows: 1fr;
         grid-template-areas:
-          "main"
+          "main";
+
+        &.front-page {
+            display: block;
+
+            main {
+                padding: 0 0.5em;
+            }
+        }
+
     }
 
     section {

client/src/components/noise.logo.jsx

@@ -49,7 +49,15 @@ class Logo extends Component {
                 },
                 {
                     scale: 4,
-                    duration: 200,
+                    duration: () => anime.random(150, 250),
+                },
+                {
+                    scale: 2,
+                    duration: () => anime.random(100, 150),
+                },
+                {
+                    scale: 4,
+                    duration: () => anime.random(150, 250),
                 },
             ],
         }));