фиксы

Author: osaengine

assets/css/style.css

@@ -564,22 +564,40 @@ footer a:hover {
 
 @media (max-width: 768px) {
     .burger-btn {
-       display: block;
-       position: absolute;
-       left: 20px;
-       top: 20px;
-       cursor: pointer;
-       padding: 10px;
-       z-index: 3;
+        width: 45px;
+        height: 45px;
+        display: flex;
+        flex-direction: column;
+        justify-content: center;
+        align-items: center;
+        background: transparent;
+        border: none;
+        outline: none;
     }
 
     .burger-btn span {
-       display: block;
-       width: 25px;
-       height: 3px;
-       background-color: #333;
-       margin: 5px 0;
-       transition: 0.3s;
+        display: block;
+        width: 25px;
+        height: 3px;
+        background-color: #fff;
+        transition: all 0.3s ease;
+        pointer-events: none;
+    }
+
+    .burger-btn span + span {
+        margin-top: 5px;
+    }
+
+    .burger-btn.active span:nth-child(1) {
+        transform: rotate(-45deg) translate(-5px, 6px);
+    }
+    
+    .burger-btn.active span:nth-child(2) {
+        opacity: 0;
+    }
+    
+    .burger-btn.active span:nth-child(3) {
+        transform: rotate(45deg) translate(-5px, -6px);
     }
 
     .project-grid {
@@ -657,18 +675,6 @@ footer a:hover {
         text-align: center;
     }
 
-    .burger-btn.active span:nth-child(1) {
-        transform: rotate(-45deg) translate(-5px, 6px);
-    }
-    
-    .burger-btn.active span:nth-child(2) {
-        opacity: 0;
-    }
-    
-    .burger-btn.active span:nth-child(3) {
-        transform: rotate(45deg) translate(-5px, -6px);
-    }
-
     .logo {
         margin-left: 50px;
     }