Update Spinner position

src/components/Spinner.css

@@ -1,12 +1,21 @@
 .Spinner {
   position: fixed;
-  width: 100%;
-  height: 100%;
-  background: rgba(255, 255, 255, 0.7);
+  bottom: 1rem;
+  right: 1rem;
   z-index: 2;
   display: flex;
   align-items: center;
   justify-content: center;
+  background: rgba(255, 255, 255, 1);
+  border-radius: 50%;
+  padding: 0.5rem;
+  animation: SpinnerPopIn 0.3s ease-out;
+}
+
+@keyframes SpinnerPopIn {
+  from {
+    transform: scale(0);
+  }
 }
 
 .semipolar-spinner,
@@ -15,7 +24,7 @@
 }
 
 .semipolar-spinner {
-  --size: 150px;
+  --size: 6rem;
   --duration: 750ms;
   --color: var(--primary);
   height: var(--size);