import new fonts

themes/lumbung-theme/static/css/main.css

@@ -27,6 +27,28 @@ allerta
   src: url(fonts/Anonymous_Pro_Regular.woff);
 }
 
+/* gudea */
+@font-face {
+	font-family: Gudea;
+	font-style: normal;
+	font-weight: 400;
+	src: local("Gudea"), url(gudea.woff2) format("woff2");
+}
+/* gudea-italic */
+@font-face {
+	font-family: Gudea;
+	font-style: italic;
+	font-weight: 400;
+	src: local("Gudea Italic"), local("Gudea-Italic"), url(gudea-italic.woff2) format("woff2");
+}
+/* gudea-bold */
+@font-face {
+	font-family: Gudea;
+	font-style: normal;
+	font-weight: 700;
+	src: local("Gudea Bold"), local("Gudea-Bold"), url(gudea-bold.woff2) format("woff2");
+}
+
 h1, h2, h3 {
   font-family: BarrioRegular;
 }
@@ -119,16 +141,37 @@ a {
 /* base header & menu */
 
 #top-menu {
-  position: fixed;
+  padding: 1rem;
-  left: 5%;
+  display: flex;
-  transform: translate(-50%);
+  align-items: flex-start;
-  width: 30%;
+  justify-content: space-between;
-  z-index: 1;
-  margin-top: 1em;
-  transform: rotate(-3deg);
 }
 
-.menu-dropdown summary{
+.home-link { text-decoration: none; }
+
+.logo {
+  width: 200px;
+  margin-top: 2rem;
+}
+
+#top-menu a {
+  text-decoration: none;
+  color: #333;
+  font-weight: bold;
+  padding: 5px;
+}
+
+#top-menu div {
+  display: flex;
+}
+
+#top-menu input {
+  border: none;
+  border-bottom: 1px solid #333;
+  margin-right: 2rem;
+}
+
+.menu-dropdown summary {
   list-style: none;
   cursor: pointer;
 }
@@ -137,24 +180,6 @@ a {
   display: none; 
 }
 
-.logo {
-  margin-left: 0.5em;
-  margin-right: 0.5em;
-  margin-top: 0.2em;
-  margin-bottom: 0.2em;
-}
-
-.logo a {
-  text-decoration: none;
-}
-
-.menu {
-  border-top: 2px solid var(--border-color);
-  margin: 0px;
-  padding: 0px;
-  
-}
-
 .menu ul {
   list-style-type: none;
   margin: 0;