.button.about {
  background-color: var(--color-neutral-900);
  color: var(--accent-blue);
  padding: var(--padding-medium);
}

.button.attists {
  background-color: var(--accent-yellow);
  color: var(--color-neutral-900);
  padding: var(--padding-medium);
}

.button.merch {
  background-color: var(--accent-green);
  color: var(--color-neutral-900);
  padding: var(--padding-medium);
}

.button.projets {
  background-color: var(--accent-blue);
  color: var(--color-neutral-900);
  padding: var(--padding-medium);
  grid-column-start: 4;
}

.button.contact {
  background-color: var(--accent-rose);
  color: var(--color-neutral-100);
  padding: var(--padding-medium);
}

header.header {
  border-bottom: 20px solid var(--accent-yellow);
  background-image: url("../img/bg_header.a2a36f64.png");
  grid-template-columns: 254px 2fr 1fr;
  column-gap: 10%;
  padding-left: 32px;
  display: grid;
}

.header-navigation {
  grid-template-rows: repeat(1, min-content);
  display: grid;
}

.header-navigation ul {
  grid-template-columns: repeat(5, 1fr);
  display: grid;
}

.button.attists {
  grid-column-start: 3;
}

.bottom-row {
  grid-row: 2;
}

.button.merch {
  grid-column-start: 2;
}

button.projets {
  grid-column-start: 4;
  background-color: brown !important;
}

.header-player {
  background-color: var(--color-neutral-900);
  grid-template-rows: 2fr;
  padding: 5px 0 5px 12px;
  display: grid;
}

.header-spacer ul {
  color: var(--accent-blue);
  grid-template-columns: 1fr 1fr 1fr;
  display: grid;
}

.playlist {
  color: var(--accent-green);
  font-family: var(--font-dynamic);
  font-size: var(--font-size-small);
  text-transform: uppercase;
  font-weight: var(--font-weght-light);
  grid-template-columns: 1fr 3fr;
  column-gap: 10%;
  display: grid;
}

.play {
  border-right: 1px solid var(--accent-green);
}
/*# sourceMappingURL=index.082ba2d3.css.map */