.top_right_corner {

}

#bottom_left_corner {
  position: fixed;
  left: 0;
  z-index: 998;
  bottom: 0;
  width: 20vh;
}
#bottom_right_corner {
  position: fixed;
  right: 0;
  z-index: 998;
  bottom: 0;
  transform: rotate(270deg);
  width: 20vh;
}
#top_right_corner {
  position: fixed;
  right: 0;
  z-index: 998;
  top: 0;
  transform: rotate(180deg);
  width: 20vh;
}
#top_left_corner {
  position: fixed;
  left: 0;
  z-index: 998;
  top: 0;
  transform: rotate(90deg);
  width: 20vh;
}
body {
  background-image: url("https://ctm.hexatm.com/public_img/animebasic.jpg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
}
.upnavbar {
  background-color: blue;
}
.fullheight {
  height: 100%;
}
.precontainer {
  background-color: white;
  -webkit-box-shadow: 0px 0px 19px 0px rgba(0,0,0,0.75);
  -moz-box-shadow: 0px 0px 19px 0px rgba(0,0,0,0.75);
  box-shadow: 0px 0px 19px 0px rgba(0,0,0,0.75);
}

/*
                          UTILITY
____________________________________________________________ wide bar lol
*/
.hide {
  display: none;
}
/*
                       MEDIA QUERIES
____________________________________________________________ wide bar lol
*/
@media (prefers-color-scheme: dark) {
  body {
      background-image: linear-gradient(#323232, #171717) !important;
  }
}