Fix transform-origin issues in Firefox

Author: andrewbranch

stylesheets/main.less

@@ -109,6 +109,7 @@ header, section {
         border: .125em solid black;
         //border-radius: .1em;
         -ms-transform-origin: 98% 48%;
+        -moz-transform-origin: 98% 48%;
         -webkit-transform-origin: 98% 48%;
         transform-origin: 98% 48%;
     }
@@ -177,6 +178,7 @@ header {
         right: 10%;
         z-index: -1;
         -ms-transform-origin: 100% 0;
+        -moz-transform-origin: 100% 0;
         -webkit-transform-origin: 100% 0;
         transform-origin: 100% 0;
 
@@ -210,6 +212,7 @@ header {
         position: absolute;
         width: 100%;
         -ms-transform-origin: 3em;
+        -moz-transform-origin: 3em;
         -webkit-transform-origin: 3em;
         -transform-origin: 3em;
     }
@@ -225,6 +228,7 @@ header {
         margin: -(@clock-size / 2) 0 0 -(@clock-size / 2);
         -ms-transform-origin: (@clock-size / 2) (@clock-size / 2 + .2em);
         -webkit-transform-origin: (@clock-size / 2) (@clock-size / 2 + .2em);
+        -moz-transform-origin: (@clock-size / 2) (@clock-size / 2 + .2em);
         transform-origin: (@clock-size / 2) (@clock-size / 2 + .2em);
         border-color: white;
         * {
@@ -242,9 +246,10 @@ header {
         span {
             color: white;
             display: none;
-            -ms-transform-origin-y: 100%;
-            -webkit-transform-origin-y: 100%;
-            transform-origin-y: 100%;
+            -ms-transform-origin: 100% 100%;
+            -webkit-transform-origin: 100% 100%;
+            -moz-transform-origin: 100% 100%;
+            transform-origin-y: 100% 100%;
         }
     }
 }