/* +++++++++++++++++++++++++++++++++++++++++ */
/*         NEEDS ADJUSTING Settings          */
/*              ENTIRE WRAPPER               */
/* +++++++++++++++++++++++++++++++++++++++++ */

.internals {
  display: flex;
  flex-direction: row;
  flex: 1;
}

/* +++++++++++++++++++++++++++++++++++++++++ */
/* CONTAINER & BOX ROOTS - EXTERIOR SETTINGS */
/* +++++++++++++++++++++++++++++++++++++++++ */

.left_sidebar,
.dashboard {
  /* Not sure why this is here */
  /* display: flex; */

  /* Box Style */
  border-radius: 30px;
  padding: 5px;

  /* Border Flare Outside */
  border: 6px solid black;

  background-image: var(--base-background-image);
  background-size: var(--base-background-size);
}

/* +++++++++++++++++++++++++++++++++++++++++ */
/* CONTAINER & BOX ROOTS - INTERIOR SETTINGS */
/* +++++++++++++++++++++++++++++++++++++++++ */

.container {
  position: relative;

  /* Box Style */
  border-radius: 25px;
  background-color: var(--content-background-color);

  /* Layout */
  padding: var(--spacing-unit);
}

.box {
  position: absolute;

  /* Box Style */
  border-radius: 18px;
  padding: 20px;

  /* Layout */
  width: calc(100% - var(--double-spacing));
  height: calc(100% - var(--double-spacing));
  background-color: var(--background-color);
}

.box_v2 {
  /* Box Style */
  border-radius: 18px;
  padding: 20px;

  /* Layout */
  background-color: var(--background-color);
}

/* +++++++++++++++++++++++++++++++++++++++++ */
/*                   FLEX                    */
/* +++++++++++++++++++++++++++++++++++++++++ */

.content {
  display: flex;
  flex-direction: column;
  width: 850px;
  gap: 5px;

  text-align: center;
}