.navigation {
  background-color: var(--color-terracotta);
  color: var(--color-light);
  height: 4.5rem;
  padding: 1.5rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.navigation__title {
  font-size: 1.5rem;
  font-weight: bold;
  text-transform: lowercase;
  color: var(--color-black);
  text-transform: uppercase;
}

.navigation__list {
  display: none;
}   

.image-burger {
  color: var(--color-black);
  cursor: pointer;
}

.navigation__links {
  font-size: 1rem;
  font-weight: 700;
  text-transform: lowercase;
  color: var(--color-black);
  text-transform: uppercase;
}


@media (width > 40rem) {
  .navigation {
    display: flex;
    padding-inline: 3rem;
    
  }
    .image-burger {
        display: none;
    }
    .navigation__list {
        display: flex;
        justify-content: left;
        gap: 2rem;
        color: var(--color-black);
        
    }
}