menu size to relative size

gutenberg/new_nav.css

@@ -18,20 +18,20 @@ nav {
   nav .searchbox {
     position: relative;
     float: left;
-    width: 320px;
-    padding: 3px;
+    width: 22em;
+    padding: 0.2em;
   }
   nav .donatelink {
-    padding: 8px;
+    padding: 0.4em;
   }
   nav .searchbox input[type=text]{
-    height: 24px;
-    width: 250px;
-    border-radius: 8px;
+    height: 1.8em;
+    width: 18em;
+    border-radius: 1em;
     color: black;
     background-color: #f5f5f5;
-    padding-right: 10px;
-    padding-left: 10px;
+    padding-right: 0.3em;
+    padding-left: 0.3em;
     border:none;
   }
   nav .searchbox input[type="submit"]:hover {
@@ -45,14 +45,14 @@ nav {
     color: #fff;
     text-decoration: none;
     background: #60a3bc;
-    padding: 6px;
+    padding: 0.4em;
     border-radius: 40px;
     display: inline-block;
     border: none;
   }
   nav .donate {
     color: black;
-    font-size: 16px;
+    font-size: 0.7em;
     width: 115%;
     margin-top: 40px;
     margin-left: 129px;