editing hamburger animation 2

Author: reveurguy

_includes/navbar.html

@@ -1,8 +1,8 @@
 <!-- <nav class="navbar navbar-expand-lg navbar-dark">	 -->
- <section id="header">
+ <section id="header" class=" p-4 mb-4">
     <div class="header container">
       <div class="nav-bar">
-	<div class="d-flex d-none d-sm-block d-md-block d-lg-none">
+	<div class="d-flex mx-auto">
 		<div class="brand">
 		  <a class="" href="/"><img src="/assets/img/logo/logo.png" style="height: 70px; width: 70px; background-color: white;" class="mr-3">Py Contributors</a>
 		</div>	

assets/css/main.css

@@ -163,18 +163,12 @@ background-attachment: fixed !important;
 /*  Chnages*/
 
 #header {
-	position: fixed;
 	z-index: 1000;
 	left: 0;
 	top: 0;
 	width: 100vw;
 	height: auto;
 }
-#header .header {
-	min-height: 8vh;
-	background-color: rgba(31, 30, 30, 0.24);
-	transition: .3s ease background-color;
-}
 
 #header .nav-bar {
 	display: flex;
@@ -234,20 +228,24 @@ background-attachment: fixed !important;
 	color: crimson;
 }
 .hamburger {
-    z-index: 1;
+   z-index: 100;
     display: inline-block;
     cursor: pointer;
     position: absolute;
-    right: 10px;
+    right: 10%;
     top: 10px;
+    border: 5px solid white;
+    padding: 10px;
+    border-radius: 50%;
+    transform: scale(.8);
 }
 
 .line1 ,.line2 ,.line3 {
     width: 35px;
     height: 5px;
     background-color: white;
     margin: 6px 0;
-    transition: 0.4s;
+    transition: 0.5s;
 }
 
 .cross .line1 {