.header h1 {
	display: inline;
	font-family: 'Roboto Mono', monospace;
	font-size: 3.5rem;
	font-weight: normal;
  top: 0;
  text-transform: uppercase;
	position: relative;
	/* text-transform: capitalize; */
	z-index: 2;
}

.navigation {
  z-index: 100;
  text-decoration: none;
  font-family: inherit;
}

.menu {
  flex-direction: row;
  list-style-type: none;
  margin: 0;
  padding: 0;
  text-transform: inherit;
}

.menu a {
  text-transform: uppercase;
  float: right;
}

/* .menu a:hover {
  /* color: inherit; */
/* } */

.menu>li {
  margin: 0 10px 0 0;
  float: right;
  font-size: 0.75em;
}
.menu>li:hover {
  margin: 0 10px 0 0;
  float: right;
  /* background: repeating-linear-gradient(90deg, #63ff4b, #63ff4b 4px, #63ff4b 4px, #63ff4b 4px); */
}

@media (max-width: 576px) {
  .menu>li {
    margin: 0 10px 0 0;
    float: left;
  }
  .menu>a {
    margin: 0 10px 0 0;
    float: left;
  }
}