Spinner now uses pizza as background. Arrows are white.

client/components/Spinner.js

@@ -20,8 +20,6 @@ export default class Spinner extends React.Component {
 
     return <div className={classes}>
 
-      <div className="spinner-border" />
-
       <div className="spinner-content">
 
         <img
@@ -36,6 +34,10 @@ export default class Spinner extends React.Component {
 
       </div>
 
+      <div className="spinner-background">
+        <img src='/images/spinner-pizza.png' width="300" height="300"/>
+      </div>
+
     </div>
   }
 

css/index.styl

@@ -79,18 +79,17 @@ p {
     align-items: center
     justify-content: center
 
-    .spinner-border {
+    .spinner-background {
+        width: 300px
+        height: 300px
         position: absolute
         top: 0
         left: 0
-        width: 100%
-        height: 100%
-        border: 20px dotted light-blue
-        border-radius: 100%
         transition: transform 1s
+        z-index: -1
     }
 
-    &.spinner-animated .spinner-border {
+    &.spinner-animated .spinner-background {
         animation: rotate 5s infinite linear
     }