/* Barre de navigation */
.nav {
 /* Variables CSS */
  --_bg-nav: var(--bg-nav, #ffff); /*couleur du fond*/
  --_fg-link: var(--fg-link, #000); /*couleur du texte*/
  --_fg-sub: var(--fg-sub, #999999); 
  --_bg-link: var(--bg-link, #ffff);

  display: flex; /*aligner les éléments horizontalement*/
  align-items: center;
  justify-content: space-between; /*espace les éléments aux extrémiter*/
  margin-block: 2rem;
  padding: 1rem;
  background-color: var(--_bg-nav);
  gap: 18rem;
}

/* Icône burger */
.img-burger {
  display: flex;
  align-items: right;
  width: 0.8rem;
  height: 0.8rem;
  cursor: pointer;
}


/* Menu principal */
.menu {
  list-style: none;
  display: flex;
  gap: 2rem;
}


/* Responsive burger */
@media (width > 40rem) {
  .menu {
    display: flex;
    
  }

  .img-burger {
    display: none;
  }

 
.menu-icon {
    display: block;
  }
}

.nav__title {
  font-size: 1.5rem;
  font-weight: bold;
}