Navbar Update

Author: sahilatahar

responsive-navbar/style.css

@@ -1,8 +1,10 @@
+@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500&display=swap');
+
 * {
   margin: 0;
   padding: 0;
   box-sizing: border-box;
-  font-family: 'Times New Roman', Times, serif;
+  font-family: 'Poppins', sans-serif;
 }
 
 .navbar {
@@ -26,7 +28,7 @@
 
 .heading {
   width: 20%;
-  font-size: 2em;
+  font-size: 1.8em;
   padding: 0px 20px;
   margin-bottom: 5px;
   cursor: pointer;
@@ -40,7 +42,7 @@ ul {
 }
 
 li {
-  font-size: 1.3em;
+  font-size: 1.1em;
   cursor: pointer;
   padding: 20px;
 }
@@ -89,14 +91,18 @@ ul:nth-child(5) {
 .bar1,
 .bar2,
 .bar3 {
-  width: 35px;
-  height: 5px;
+  width: 30px;
+  height: 3px;
   background-color: white;
   margin: 6px 0;
 }
 
 .change .bar1 {
-  transform: translate(0, 11px) rotate(-45deg);
+  transform: translate(0, 8px) rotate(-45deg);
+  -webkit-transform: translate(0, 8px) rotate(-45deg);
+  -moz-transform: translate(0, 8px) rotate(-45deg);
+  -ms-transform: translate(0, 8px) rotate(-45deg);
+  -o-transform: translate(0, 8px) rotate(-45deg);
 }
 
 .change .bar2 {