Fixed Vostok page for FireFox browser

Author: tabuna

Diff for: public/build/assets/app-tHIwFuYL.css renamed to public/build/assets/app-C6lelb_2.css

@@ -12,7 +12,7 @@
     "src": "public/img/ui/warning.svg"
   },
   "resources/css/app.scss": {
-    "file": "assets/app-tHIwFuYL.css",
+    "file": "assets/app-C6lelb_2.css",
     "src": "resources/css/app.scss",
     "isEntry": true
   },

Diff for: public/build/manifest.json

@@ -36,19 +36,21 @@
         right: -50%;
     }
 
-    svg {
+    #vostok-game{
         display: block;
         animation: rotation-space-item 3s infinite linear;
         overflow: visible;
+
         svg {
-            path,
-            circle,
-            rect {
-                -webkit-transform-origin: center center;
+            display: block;
+            animation: rotation-space-item 300ms infinite linear;
+            overflow: hidden;
+        }
+
+        @supports (-moz-appearance:none) {
+            svg {
+                animation: none;
             }
-            transform-origin: 50% 50%;
-            -webkit-transform-origin: center center;
-            animation: rotation-space-item 130ms infinite linear;
         }
     }
 

Diff for: resources/css/gagarin.scss

@@ -35,7 +35,7 @@
 
                         <div class="space"></div>
 
-                        <svg id="gameSVG" width="600" height="600" data-vostok-target="game"></svg>
+                        <svg id="vostok-game" width="600" height="600" data-vostok-target="game"></svg>
                         <div data-vostok-target="startPlaceholder"
                              class="position-absolute top-0 bottom-0 start-0 end-0 d-flex align-items-center justify-content-center bg-dark bg-opacity-50 rounded">
                             <button class="btn btn-primary" type="button" data-action="click->vostok#start">Поехали!</button>
@@ -44,7 +44,7 @@ class="position-absolute top-0 bottom-0 start-0 end-0 d-flex align-items-center
                         <div data-vostok-target="endPlaceholder"
                              class="position-absolute top-0 bottom-0 start-0 end-0 d-flex flex-column align-items-center justify-content-center bg-dark bg-opacity-50 rounded visually-hidden">
 
-                            <div class="col-md-6 mx-auto text-balance">
+                            <div class="col-md-6 mx-auto text-balance text-white">
                                 <strong class="d-block">Поздравляем!</strong>
                                 <p>Вы успешно преодолели препятствия и получили доступ к знаниям которые помогут вам в Laravel и профессиональной разработке.</p>