:root{

  --color-background-primary:#f8efe6;
  --color-text-primary:#33271C;
}

body,a {
  background-color: var(--color-background-primary);
  color: var(--color-text-primary);
  font-size: 100%;
}
h1 {
  font-family: "Instrument Sans", sans-serif;
  font-weight: 400;
  font-style: normal;
}

ul{
  list-style: none;

}
li .menu{
  text-decoration: none;
  text-align: center;
  display: inline;
}

a:hover{
  color: var(--color-text-primary);
}

.display-flex{
  display: flex;
}

.container{
  width: 100%;
  max-width: 1280px;
}

.navbar {
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 80%;
  margin: auto;
}

.container .navbar {
  justify-content: space-between;
}

.container .navbar ul li {
  padding: 10px;
  margin: 10px;
}