editing hamburger animation 4

Author: reveurguy

_includes/navbar.html

@@ -4,7 +4,7 @@
       <div class="nav-bar">
 	<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>
+		  <h3><a class="text-white" href="/"><img src="/assets/img/logo/logo.png" style="height: 70px; width: 70px; background-color: white;" class="mr-3">Py Contributors</a></h3>
 		</div>	
 	</div>
     <!-- <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarColor03" aria-controls="navbarColor03" aria-expanded="false" aria-label="Toggle navigation"> -->
@@ -15,7 +15,7 @@
 		<!-- <div class="container"> -->
     <!-- <div class="ml-auto mr-4"> -->
 <div class="nav-list">
-	 <div class="hamburger m-3">
+	 <div class="hamburger mt-4">
 		<div class="line1"></div>
         <div class="line2"></div>
         <div class="line3"></div>

assets/css/main.css

@@ -147,7 +147,7 @@ background-attachment: fixed !important;
 	}
 	.marginStyle
 	{
-	margin-top: 20%;
+	margin-top: 20% !important;
 	}
 }
 @media screen and (max-width: 990px)
@@ -157,7 +157,7 @@ background-attachment: fixed !important;
     }
 	.marginStyle
 	{
-	margin-top: 10%;
+	margin-top: 14% !important;
 	}
 }
 @media screen and (min-width: 700px) and (max-width: 990px)
@@ -226,8 +226,8 @@ background-attachment: fixed !important;
 	top: 50%;
 	left: 50%;
 	transform: translate(-50%, -50%) scale(0);
-	color: rgba(240, 248, 255, 0.021);
-	font-size: 13rem;
+	color: rgba(240, 248, 255, 0.05);
+	font-size: 9rem;
 	letter-spacing: 50px;
 	z-index: -1;
 	transition: .3s ease letter-spacing;
@@ -249,7 +249,7 @@ background-attachment: fixed !important;
     border: 5px solid white;
     padding: 10px;
     border-radius: 50%;
-    transform: scale(.6);
+    transform: scale(.8);
 }
 
 .line1 ,.line2 ,.line3 {