nav{
  background-color: var(--primary-color);
  display: grid;
  grid-template-columns: 1fr;
}
  
nav a {
  color: white;
  margin-inline: auto;
}

nav a img{
  width:min(50vw,20rem)
  }

.navigation{
  display: flex;
  width: 100vw;
  height: 3rem;
  background-color: var(--secondary-color);
  align-items: center;
  justify-content: center
}

.navigation a li{
  list-style: none;
  height: 3rem;
  padding-inline: 1rem;
  align-content: center;
}

.navigation li:hover{
  background-color: rgb(81, 139, 108);
  color:rgb(224, 224, 224);
}

.navigation a{
  color: black;
  margin: 0;
}