@font-face { 
  font-family: 'Roboto Mono';
  src: url('RobotoMono-VariableFont_wght.ttf') format('truetype'),
       url('RobotoMono-Italic-VariableFont_wght.ttf') format('truetype');
}

body {
  font-family: 'Roboto Mono', Impact, sans-serif;
  margin: 5%;
}

header {
  display: flex;
  flex-direction: row;
  row-gap: 2%;
}

.horizontal_menu ul {
  width: 100%;
  display: flex;
  align-items: stretch; /* Default */
  justify-content: space-between;
}

.horizontal_menu li {
  display: block;
  flex: 1 1 auto; /* Default */
  list-style-type: none;
}

a {
  color: black;
  font-weight: bolder;
}

#logo {
  width:100%;
}