From e4e3c3956ae1e03111781f828b5f20201fdb13f2 Mon Sep 17 00:00:00 2001
From: Drishti <drishtikripa@gmail.com>
Date: Mon, 11 Oct 2021 00:24:37 +0530
Subject: [PATCH] fixed spinner issue

---
 index.html |  4 ++--
 style.css  | 23 ++++++++++++-----------
 2 files changed, 14 insertions(+), 13 deletions(-)

diff --git a/index.html b/index.html
index da4159b..a734780 100644
--- a/index.html
+++ b/index.html
@@ -76,9 +76,9 @@ <h2>Settings</h2>
     </footer>
   </article>
   <div hidden id="spinner" class="spinner">
-    <svg viewBox="25 25 50 50">
+    <!-- <svg viewBox="25 25 50 50">
       <circle cx="50" cy="50" r="20"></circle>
-    </svg>
+    </svg> -->
   </div>
 </body>
 </html>
\ No newline at end of file
diff --git a/style.css b/style.css
index 8742ad7..2aba919 100644
--- a/style.css
+++ b/style.css
@@ -317,17 +317,18 @@ body {
 }
 
 .spinner {
-  z-index: 1000;
-  background-color: #0006;
-  position: fixed;
-  top: 0;
-  left: 0;
-  right: 0;
-  bottom: 0;
-
-  display: flex;
-  justify-content: center;
-  align-items: center;
+  position:absolute;
+  bottom: 45%;
+  left:45%;
+
+  border: 10px solid rgba(243, 243, 243, 0.05);
+  border-radius: 50%;
+  border-top: 10px solid #d65a31;
+  border-right: 10px solid #d65a31;
+  border-bottom: 10px solid #d65a31;
+  width: 100px;
+  height: 100px;
+  animation: rotate 2s linear infinite;
 }
 
 .spinner svg {