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

.left_side_wrapper {
  z-index: 1;
}

.left_stack_wrapper {
  margin-top: 150px;
  display: flex;
  flex-direction: row;
}

.left_sidebar {
  width: 230px;
  flex-direction: column;
  margin-inline: 5px;
  gap: 5px;
}

/* +++++++++++++++++++++++++++++++++++++++++ */
/*               TOP LEFT IMAGE              */
/* +++++++++++++++++++++++++++++++++++++++++ */

.blackrockshooter_box {
  width: 1px;
  height: 100px;
}

.blackrockshooter_img {
  height: 280px;
}

/* Empty Box */
.PLACEHOLDER {
  margin-right: 40px;
}

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

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

.pfp {
  height: 235px;
}

.pfp {
  /* TEST */
  background-image: conic-gradient(
    from var(--angle),
    #0197c3,
    #0a0a0a,
    #010101
  );
  animation: 4s spin linear infinite;
}

.pfp_img {
  background-size: cover;
  background-image: url(img/pictures/Untitled7.jpg);
}

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

.navigation {
  height: 150px;
}

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

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