/* +++++++++++++++++++++++++++++++++++++++++ */
/*                  WRAPPERS                 */
/* +++++++++++++++++++++++++++++++++++++++++ */

.left_side_wrapper {
  z-index: 1;
}

.left_stack_wrapper {
  margin-top: 210px;

  display: flex;
  flex-direction: row;
  justify-content: flex-end;
}

.left_sidebar {
  display: flex;
  flex-direction: column;
  gap: 5px;

  width: 230px;
  margin-inline: 5px;
  z-index: -1;
}

/* +++++++++++++++++++++++++++++++++++++++++ */
/*                    BADGE                  */
/* +++++++++++++++++++++++++++++++++++++++++ */

.badge_box {
  width: 1px;
  height: 1px;

  margin-left: 97px;
  margin-top: 177px;
}

.badge_img {
  height: 25px;
}

/* +++++++++++++++++++++++++++++++++++++++++ */
/*                DISPLAY IMAGE              */
/* +++++++++++++++++++++++++++++++++++++++++ */

.display_box {
  width: 1px;
  height: 1px;
  margin-right: 0px;
}

.display_img {
  height: 250px;
}

/* +++++++++++++++++++++++++++++++++++++++++ */
/*               LEFT SIDEBAR                */
/* +++++++++++++++++++++++++++++++++++++++++ */

/* +++ */
/* PFP */
/* +++ */

.pfp {
  height: 235px;
}

.pfp {
  /* TEST */
  background-image: conic-gradient(
    from var(--angle),
    #330099,
    #1f2b44,
    #1a2944
  );
  animation: 4s spin linear infinite;
}

.pfp_img {
  background-position: 0px 0px;
  background-size: cover;
  background-image: url(img/pictures/Untitled12.jpg);
}

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

.navigation {
  height: 150px;
}

/* +++++++++++++++++++++++++++++++++++++++++ */
/*                 GIF IMAGES                */
/* +++++++++++++++++++++++++++++++++++++++++ */

.nav_button_img:before {
  content: url(img/pixel/pixel2.gif);
  margin-right: 5px;
}

/* +++++++++++++++++++++++++++++++++++++++++ */
/*                    IMG                    */
/* +++++++++++++++++++++++++++++++++++++++++ */

.rd_box {
  height: 235px;
}

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