Merge pull request #583 from sau-mili/main

blur effect added
Its-Aman-Yadav · Jun 5, 2024 · 9f0649e · 9f0649e
2 parents 5148ced + aeb7640
commit 9f0649e
Showing 1 changed file with 17 additions and 3 deletions.
diff --git a/css/style.css b/css/style.css
@@ -169,6 +169,19 @@ html {
   /* Optional: space between logo and right edge */
 }
 
+
+    .home {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      text-align: center;
+      height: 100vh;
+      background: url('images/background.jpg') no-repeat center center/cover;
+      backdrop-filter: blur(4px);
+      padding-top: 80px;
+      /* to avoid overlap with navbar */
+    }
+=======
 .home {
   display: flex;
   align-items: center;
@@ -180,6 +193,7 @@ html {
   /* to avoid overlap with navbar */
 }
 
+
 .home .container {
   max-width: 800px;
 }
@@ -718,9 +732,9 @@ a:hover .fab {
     margin-bottom: 20px;
   }
   }
-padding: 20px 0px;
-background: black;
-}
+/* padding: 20px 0px;
+background: black; */
+/* } */
 
 .social_media:hover {
   color: yellow;