/* +++++++++++++++++++++++++++++++++++++++++ */
/*          NAVIGATION - CONTAINER           */
/* +++++++++++++++++++++++++++++++++++++++++ */

.navigation_content {
  padding-top: 10px;

  background-position: center;
  background-size: cover;
  background-image: url(img/pictures/void.jpg);
}

/* +++++++++++++++++++++++++++++++++++++++++ */
/*             NAVIGATION TITLE              */
/* +++++++++++++++++++++++++++++++++++++++++ */

.sidebar_title {
  border-radius: 5px;
  padding: 8px;

  text-align: center;
  text-decoration: none;

  background-color: var(--menu-background-color);
  color: var(--menu-color);
  border: var(--border) var(--clr-border);
}

/* +++++++++++++++++++++++++++++++++++++++++ */
/*       NAVIGATION lIST BUTTON STYLE        */
/* +++++++++++++++++++++++++++++++++++++++++ */

.nav_list_button_style {
  display: flex;
  border-bottom: 7px double var(--content-background-color);
}

/* +++++++++++++++++++++++++++++++++++++++++ */
/*                   BUTTON                  */
/* +++++++++++++++++++++++++++++++++++++++++ */

.nav_button {
  width: 100%;
  text-align: center;

  border-radius: var(--border-radius-button);
  padding: var(--border-padding-button);

  background-color: var(--menu-background-color);
  color: var(--menu-color);
}