@font-face {
  font-family: metabadger;
  src: url(media/fonts/Metabadger-Font-2021.woff);
}

html, body {
  height: 100%;
  margin: 0;
  overflow-x: hidden;
  background-color: greenyellow;
  font-family: sans-serif;
}

#header {
  position: relative;
  padding: 10px 0;
}

/* Layout */
.header-inner {
  position: relative;
  text-align: center;
}

/* Site title */
.site-title a {
  font-size: 3em;
  text-decoration: none;
  font-weight: bold;
  color: #000;
}

/* Logo + menu */
.logo-menu {
  position: absolute;
  top: 10px;
  left: 10px;
}

/* Small logo */
.logo {
  width: 50px;
  height: 50px;
  cursor: pointer;
}

/* Hidden menu */
.nav-menu {
  display: none;
  position: absolute;
  top: 30px;
  left: 0;
  background: #fff;
  border: 1px solid #ccc;
}

/* Show on hover */
.logo-menu:hover .nav-menu {
  display: block;
}

/* Menu list */
.nav-menu ul {
  list-style: none;
  margin: 0;
  padding: 5px 10px;
}

.nav-menu li {
  margin: 5px 0;
}

.nav-menu a {
  text-decoration: none;
  color: #000;
  font-size: 14px;
}