simplify footer on mobile

assets/sass/components/_footer.scss

@@ -66,23 +66,19 @@ footer {
   footer {
     padding: 1em 1.25em 0 1.25em;
 
-    div {
+    div#row {
+      display: block;
+
       // no more room at the inn for panda :(
-      &#panda {
+      div#panda {
         display: none;
       }
 
-      &#copyright,
-      &#poweredby {
-        line-height: 1.9;
-        width: 50%;
-      }
-
-      &#poweredby {
-        a#hugo::after {
-          content: "\A";
-          white-space: pre;
-        }
+      div#copyright,
+      div#poweredby {
+        width: 100%;
+        text-align: left;
+        line-height: 2;
       }
     }
   }

assets/sass/components/_magic.scss

@@ -13,21 +13,21 @@
 
 // stylelint-disable indentation
 @keyframes wave {
-  0% { transform: rotate(  0.0deg); }
- 10% { transform: rotate(-10.0deg); }
- 20% { transform: rotate( 12.0deg); }
- 30% { transform: rotate(-10.0deg); }
- 40% { transform: rotate(  9.0deg); }
- 50% { transform: rotate(  0.0deg); }
-100% { transform: rotate(  0.0deg); }
+  0% { transform: rotate(  0deg); }
+ 10% { transform: rotate(-10deg); }
+ 20% { transform: rotate( 12deg); }
+ 30% { transform: rotate(-10deg); }
+ 40% { transform: rotate(  9deg); }
+ 50% { transform: rotate(  0deg); }
+100% { transform: rotate(  0deg); }
 }
 
 @keyframes beat {
-  0% { transform: scale(1.0); }
+  0% { transform: scale(1);    }
  10% { transform: scale(1.25); }
- 20% { transform: scale(1.0); }
+ 20% { transform: scale(1);    }
  30% { transform: scale(1.25); }
- 40% { transform: scale(1.0); }
-100% { transform: scale(1.0); }
+ 40% { transform: scale(1);    }
+100% { transform: scale(1);    }
 }
 // stylelint-enable indentation