From 348f125c2b2e2161c5823518df4db940b7660843 Mon Sep 17 00:00:00 2001
From: ArabCoders <admin@arabcoders.org>
Date: Wed, 1 May 2024 12:51:31 +0300
Subject: [PATCH] fixes

---
 frontend/src/assets/css/style.css | 80 +++++++++++++------------------
 1 file changed, 34 insertions(+), 46 deletions(-)

diff --git a/frontend/src/assets/css/style.css b/frontend/src/assets/css/style.css
index bee543ea..f56c7137 100644
--- a/frontend/src/assets/css/style.css
+++ b/frontend/src/assets/css/style.css
@@ -120,12 +120,45 @@
     padding: 18rem 6rem;
   }
 
+  .footer {
+    background-color: #fafafa;
+    padding: 3rem 1.5rem 6rem;
+  }
+
+  .progress-bar {
+    border-radius: 15px;
+    position: relative;
+    width: 100%;
+    height: 30px;
+    background-color: #F5F5F5;
+  }
+
+  .progress,
+  .progress-percentage {
+    border-radius: 15px;
+    position: absolute;
+    top: 0;
+    left: 0;
+    height: 100%;
+    width: 100%;
+  }
+
+  .progress-percentage {
+    text-align: center;
+    z-index: 2;
+    line-height: 30px;
+  }
+
+  .progress {
+    z-index: 1;
+    background-color: #00d1b2;
+  }
+
   @media (prefers-color-scheme: dark) {
     .footer {
       background-color: #121212;
     }
 
-    #progress-bar,
     .progress-bar {
       border-radius: 15px;
       position: relative;
@@ -134,8 +167,6 @@
       background-color: #383636;
     }
 
-    #progress,
-    #progress-percentage,
     .progress,
     .progress-percentage {
       border-radius: 15px;
@@ -146,57 +177,14 @@
       width: 100%;
     }
 
-    #progress-percentage,
     .progress-percentage {
       text-align: center;
       z-index: 2;
       line-height: 30px;
     }
 
-    #progress,
     .progress {
       z-index: 1;
       background-color: #087363;
     }
   }
-
-  @media screen and (min-width: 1024px) {
-    .footer {
-      background-color: #fafafa;
-      padding: 3rem 1.5rem 6rem;
-    }
-
-    #progress-bar,
-    .progress-bar {
-      border-radius: 15px;
-      position: relative;
-      width: 100%;
-      height: 30px;
-      background-color: #F5F5F5;
-    }
-
-    #progress,
-    #progress-percentage,
-    .progress,
-    .progress-percentage {
-      border-radius: 15px;
-      position: absolute;
-      top: 0;
-      left: 0;
-      height: 100%;
-      width: 100%;
-    }
-
-    #progress-percentage,
-    .progress-percentage {
-      text-align: center;
-      z-index: 2;
-      line-height: 30px;
-    }
-
-    #progress,
-    .progress {
-      z-index: 1;
-      background-color: #00d1b2;
-    }
-  }