Update A.css

pushkarroy · Aug 26, 2023 · 9978775 · 9978775
1 parent 890d411
commit 9978775
Showing 1 changed file with 14 additions and 8 deletions.
diff --git a/A.css b/A.css
@@ -1,4 +1,5 @@
 
+
 @import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:ital,wght@1,100&family=Poppins:ital,wght@1,300&display=swap');
 
 :root{
@@ -30,11 +31,11 @@ html::-webkit-scrollbar{
     width: 1rem;
 }
 
-html::-webkit-scrollbar{
+html::-webkit-scrollbar-track{
     background: #444;
 }
 
-html::-webkit-scrollbar{
+html::-webkit-scrollbar-thumb{
     background: var(--main-color);
     border-radius: 5rem;
 }
@@ -65,7 +66,8 @@ body{
     left: 0;
     right: 0;
     z-index: 10000;
-    overscroll-behavior-block: #333;
+    /* overscroll-behavior-block: #333; */
+    display: flex;
     align-items: center;
     justify-content: space-between;
     padding: 1.5rem 9%;
@@ -79,12 +81,12 @@ body{
 
 }
 .header .logo span{
-    color: var(-main-color);
+    color: var(--main-color);
 }
 .header .navbar a{
     font-size: 1.7rem;
     color: #fff;
-    margin-left: 2rem;
+    margin-left : 2rem;
 }
 .header .navbar a:hover{
     color: var(--main-color);
@@ -96,7 +98,7 @@ body{
     cursor: pointer;
     display: none;
     text-align: center;
- float: right;
+
 }
 .home .content h3{
     color: #fff;
@@ -478,9 +480,12 @@ font-size: 4rem;
         left: 0;
         right: 0;
         border-top: .1rem solid #222;
-        background: #333;
+         background: #333;
         clip-path: polygon(0 0,100% 0,100% 0, 0 0);
      }
+     .header .navbar.active{
+        clip-path: polygon(0 0, 100% 0, 100% 100%,0% 100%);
+     }
 .fa-times{
     transform: rotate(180deg);
 }
@@ -490,7 +495,7 @@ font-size: 4rem;
         border-radius: .5rem;
         padding: 1.3rem;
         margin: 1.3rem;
-        font-size: 2rem;
+        font-size: 2.5 rem;
      }
      .home .content h3{
         font-size: 4rem;
@@ -508,4 +513,5 @@ font-size: 4rem;
     .contact form .inputbox input{
         width: 100%;
     }
+
 }