Made navbar smaller

Author: MoonTM-GIT

css/navbar.css

@@ -7,7 +7,7 @@ nav {
 }
 
 nav img {
-    width: 115px;
+    width: 95px;
 }
 
 .nav-ul {
@@ -18,11 +18,11 @@ nav img {
 
 .nav-ul li a {
     color: white;
-    padding: 10px 22px;
+    padding: 10px 20px;
     text-decoration: underline solid transparent;
     transition: text-decoration 0.4s ease;
     font-family: "Inter", sans-serif;
-    font-size: 26px;
+    font-size: 21px;
     font-weight: 600;
 }
 
@@ -42,7 +42,7 @@ nav img {
 }
 
 .nav-right {
-    font-size: 14px;
+    font-size: 11px;
     display: flex;
     margin-left: auto;
 }
@@ -53,7 +53,7 @@ nav img {
     margin-right: 2%;
     background: transparent;
     color: white;
-    font-size: 40px;
+    font-size: 30px;
     border: none;
     cursor: pointer;
     display: none;
@@ -69,7 +69,7 @@ nav img {
     align-items: center;
     margin-right: 20px;
     margin-left: 40px;
-    padding: 10px 55px;
+    padding: 8px 45px;
     color: white;
     font-size: 28px;
     font-family: "Uni Sans", sans-serif;
@@ -86,7 +86,7 @@ nav img {
 
 .social-btn {
     align-self: center;
-    margin-left: 40px;
+    margin-left: 30px;
     color:white;
 }
 
@@ -102,41 +102,41 @@ nav img {
 
 @media only screen and (max-width: 1600px) {
     nav img {
-        width: 105px;
+        width: 85px;
     }
 
     .nav-ul li a {
-        padding: 10px 26px;
-        font-size: 24px;
+        padding: 10px 20px;
+        font-size: 20px;
     }
 
     .nav-right {
-        font-size: 12px;
+        font-size: 10px;
     }
 
     .social-btn {
-        margin-left: 32px;
+        margin-left: 29px;
     }
 
     .join-btn {
         font-size: 26px;
-        padding: 10px 50px;
-        margin-left: 28px;
+        padding: 8px 45px;
+        margin-left: 22px;
     }
 }
 
 @media only screen and (max-width: 1250px) {
     nav img {
-        width: 95px;
+        width: 75px;
     }
 
     .nav-ul li a {
-        padding: 10px 22px;
-        font-size: 22px;
+        padding: 10px 18px;
+        font-size: 18px;
     }
 
     .nav-right {
-        font-size: 12px;
+        font-size: 10px;
     }
 
     .social-btn {
@@ -146,52 +146,52 @@ nav img {
     .join-btn {
         font-size: 24px;
         padding: 8px 40px;
-        margin-left: 26px;
+        margin-left: 20px;
     }
 }
 
 @media only screen and (max-width: 1020px) {
     nav img {
-        width: 85px;
+        width: 70px;
     }
 
     .nav-ul li a {
         padding: 10px 18px;
-        font-size: 20px;
+        font-size: 16px;
 
     }
 
     .nav-right {
-        font-size: 11px;
+        font-size: 9px;
     }
 
     .social-btn {
-        margin-left: 20px;
+        margin-left: 22px;
     }
 
     .join-btn {
         font-size: 22px;
         padding: 6px 30px;
-        margin-left: 20px;
+        margin-left: 18px;
     }
 }
 
 @media only screen and (max-width: 940px) {
     nav img {
-        width: 75px;
+        width: 60px;
     }
 
     .nav-ul li a {
         padding: 10px 14px;
-        font-size: 18px;
+        font-size: 14px;
     }
 
     .nav-right {
-        font-size: 10px;
+        font-size: 9px;
     }
 
     .social-btn {
-        margin-left: 14px;
+        margin-left: 16px;
     }
 
     .join-btn {
@@ -207,7 +207,7 @@ nav img {
     }
 
     nav img {
-        width: 65px;
+        width: 60px;
     }
 
     .nav-ul {