html {
  background-color: #0b0c2a;
  overflow-x: none;
}

#page-container::-webkit-scrollbar {
  width: 10px;     /* Tamaño del scroll en vertical */
  position: absolute;
  transform: translateX(1rem);
}
#page-container::-webkit-scrollbar:hover {
    display: block;
}
#page-container::-webkit-scrollbar-track {
    background: transparent;
    border-radius: 4px;
}

#page-container::-webkit-scrollbar-thumb{
    background: rgb(190, 183, 183);
    border-radius: 4px;

}

#page-container {
  position: relative !important;
  display: grid !important;
  place-items: center !important;
  background-color: #0b0c2a;
}

.video-akasha {
  position: absolute !important;
  z-index: 2 !important;
}

#video-1 {
  bottom: 2968px;
}

#video-2 {
  bottom: 1130px;
  transform: translateX(-52%);
}

#video-3 {
  bottom: 1130px;
  transform: translateX(57%);
}

#video-4 {
  bottom: 1375px;
  transform: translateX(57%);
}

#main-image {
  width: 95vw;
  height: 95vh;
  object-fit: cover;
}
/*
#config-element {
  position: fixed;
  content: '';
  right: 2vh;
  top: 1vh;
  width: 2rem;
  height: 97vh;
  border: 1px solid red;
  background-color: #0b0c2a;
  z-index: 20;
}
*/
#pf1 {
  background-color: #0b0c2a;
  color: #0b0c2a;
}