correcting some texts and syntaxes

src/components/Modal.vue

@@ -9,7 +9,7 @@
             <slot>
             </slot>
             <button @click="close" class="button">
-            Fermer
+            Close
             </button>
 				</div>
 			</transition>
@@ -69,7 +69,7 @@
 	width: 100vw;
 	height: 100vh;
 	position: fixed;
-	z-index: 1;
+	z-index: 999;
 	display: flex;
 	justify-content: center;
 	align-items: center;
@@ -112,7 +112,7 @@ h1{
   background-color: #e5e5e5;
   color: $red;
   font-size: 1.7em;
-  transition: color 0.5s ease;
+  transition: color 0.25s ease;
   &:hover{
     color: lighten($red, 15%);
     cursor:pointer;
@@ -131,7 +131,7 @@ h1{
   border-radius: 0.5em;
   margin:0.5em auto;
   display: block;
-  padding: 0.4em 0.75em;
+  padding: 0.5em 1em;
   border:none;
   color:$red;
   font-family: Arial, Helvetica, sans-serif;
@@ -141,5 +141,10 @@ h1{
   outline: $red;
   outline-style: solid;
   outline-offset: -5px;
+  transition: 0.25s ease;
+  &:hover{
+    background-color: darken($green, 10%);
+    cursor:pointer;
+  }
 }
 </style>

src/components/Spinner.vue

@@ -0,0 +1,55 @@
+<template>
+  <div>
+  </div>
+</template>
+<script>
+export default {
+name : 'SpinnerCpnt'
+}
+</script>
+
+<style lang="scss" scoped>
+div{
+  display: inline-block;
+width: 1.0em;
+margin-right: 1ch;
+aspect-ratio: 1;
+border:3px solid #ff00c8;
+border-top:3px solid rgb(216, 226, 253);
+border-radius:50%;
+
+-webkit-transition-property: -webkit-transform;
+-webkit-transition-duration: 1.2s;
+-webkit-animation-name: rotate;
+-webkit-animation-iteration-count: infinite;
+-webkit-animation-timing-function: linear;
+
+-moz-transition-property: -moz-transform;
+-moz-animation-name: rotate; 
+-moz-animation-duration: 1.2s; 
+-moz-animation-iteration-count: infinite;
+-moz-animation-timing-function: linear;
+
+transition-property: transform;
+animation-name: rotate; 
+animation-duration: 1.2s; 
+animation-iteration-count: infinite;
+animation-timing-function: linear;}
+
+@-webkit-keyframes rotate {
+  from {-webkit-transform: rotate(0deg);}
+  to {-webkit-transform: rotate(360deg);}
+}
+
+@-moz-keyframes rotate {
+  from {-moz-transform: rotate(0deg);}
+  to {-moz-transform: rotate(360deg);}
+}
+
+@keyframes rotate {
+  from {transform: rotate(0deg);}
+  to {transform: rotate(360deg);}
+}
+
+
+</style>