/* ! Fix styling */
body {
  justify-content: unset;
}

.right-box {
  margin-left: 0;
}

.main-container {
  margin: auto;
}

.right-container {
  width: unset;
}

/* ! New styling */
* {
  user-select: none !important;
}

img {
  user-drag: none;
  -webkit-user-drag: none;
  user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}

body {
  background-color: #f8f9fa;
}

#drawer {
  background-color: #ffffff;
  padding: 10px 2px 10px 10px;
  margin-right: 10px;
}

/* ! Adding border to containers */
.main-window {
  border: none;
  box-shadow: 0px 0px 20px -1px black;
  border-radius: 10px;
  z-index: 10000;
}

.anime-footer {
  /* background-color: #3d246c !important; */
}

/* ! Overall scroll bar */
::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

::-webkit-scrollbar-track {
  background: white;
  /* border-radius: 5px; */
}

::-webkit-scrollbar-thumb {
  /* border-radius: 5px; */
  background: #ab93ff;
}

::-webkit-scrollbar-thumb:hover {
  background: #3d246c;
}

/* ! Drawer scroll bar */
#drawer::-webkit-scrollbar {
  width: 10px;
}

#drawer::-webkit-scrollbar-track {
  background: #ad99f5;
  /* margin-top: 10px; */
  border-radius: 5px;
}

#drawer::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: #5c4b99;
}

#drawer::-webkit-scrollbar-thumb:hover {
  background: #3d246c;
}

.right-box {
  overflow: visible;
}

.main-window {
  overflow: hidden;
}

.bright {
  filter: brightness(200) !important;
}

.btn-next,
.btn-back {
  z-index: 1000;
}