From 6dafc8b9a56793cb6803e615f0f4a131f3a1cf16 Mon Sep 17 00:00:00 2001
From: BasemYahia402 <basemyahia70@gmail.com>
Date: Tue, 22 Aug 2023 23:08:06 +0300
Subject: [PATCH] add styles of Preloader to style.css

---
 Portfolio/assets/css/style.css | 47 ++++++++++++++++++++++++++++++++++
 1 file changed, 47 insertions(+)

diff --git a/Portfolio/assets/css/style.css b/Portfolio/assets/css/style.css
index d006d3c..0cc7736 100644
--- a/Portfolio/assets/css/style.css
+++ b/Portfolio/assets/css/style.css
@@ -757,4 +757,51 @@ h2 {
 
 #footer .copyright span {
     color: var(--primary);
+}
+
+/*--------------------------------------------------------------
+# Preloader
+--------------------------------------------------------------*/
+#preloader {
+    position: fixed;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    z-index: 9999;
+    overflow: hidden;
+    background: var(--secondary);
+}
+
+#preloader:before {
+    content: "";
+    position: fixed;
+    top: calc(50% - 0px);
+    left: calc(50% - 30px);
+    border: 6px solid var(--primary);
+    border-top-color: var(--secondary);
+    border-bottom-color: var(--secondary);
+    border-radius: 50%;
+    width: 60px;
+    height: 60px;
+    animation: animate-preloader 1s linear infinite;
+}
+
+@keyframes animate-preloader {
+    0% {
+        transform: rotate(0deg);
+    }
+
+    100% {
+        transform: rotate(360deg);
+    }
+}
+
+/*--------------------------------------------------------------
+# Disable aos animation delay on mobile devices
+--------------------------------------------------------------*/
+@media screen and (max-width: 768px) {
+    [data-aos-delay] {
+        transition-delay: 0 !important;
+    }
 }
\ No newline at end of file