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

.left_side_wrapper {
  z-index: 1;
}

.left_stack_wrapper {
  margin-top: 65px;
  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: 0px;
}

.blackrockshooter_img {
  height: 70px;
}

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

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

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

.pfp {
  height: 235px;
}

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

.pfp_img {
  background-size: cover;
  background-image: url(img/pictures/IMG_0122.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: 300px;
}

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

/* +++++++++++++++++++++++++++++++++++++++++ */
/*                    IMG2                   */
/* +++++++++++++++++++++++++++++++++++++++++ */

.rd_box2 {
  height: 160px;
}

.rd_box_img2 {
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(img/gif-webp/lip.webp);
}

/* +++++++++++++++++++++++++++++++++++++++++ */
/*                    IMG3                   */
/* +++++++++++++++++++++++++++++++++++++++++ */

.rd_box3 {
  height: 200px;
}

.rd_box_img3 {
  background-size: cover;
  background-position: center;
  background-image: url(img/gif-webp/freefall.webp);
}

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

.rd_box4 {
  height: 235px;
}

.rd_box_img4 {
  background-size: cover;
  background-position: center;
  background-image: url(img/gif-webp/yur.webp);
}

/* +++++++++++++++++++++++++++++++++++++++++ */
/*                    IMG5                   */
/* +++++++++++++++++++++++++++++++++++++++++ */

.rd_box5 {
  height: 135px;
}

.rd_box_img5 {
  background-size: cover;
  background-position: center;
  background-image: url(img/gif-webp/Koko.webp);
}