/* @media (prefers-color-scheme: light) {
  main {
    background: #ffffff;
  }
} */

::-webkit-scrollbar {
  width: 1em;
}
 
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}
 
::-webkit-scrollbar-thumb {
  background-color: darkgrey;
  outline: 1px solid slategrey;
}

@media (prefers-color-scheme: dark) {
  main {
    background-color: #000000;
  }
  html {
    background: #000000;
  }
  .bg-light-gray {
    background: #000000;
  }

  .f1 {
    color: rgba(255, 255, 255, .8);
  }


  .mid-gray {
    color: rgba(255, 255, 255, 0.5);
  }

  /* darken background-image */
  .bg-black-30 {
    background-color: rgba(0, 0, 0, 0.1);
  }

  .white-90 {
    color: rgba(255, 255, 255, .6);
  }
  .white-80 {
    color: rgba(255, 255, 255, .5);
  }
  .cover {
    background-image: url('/images/uxix_background_dark.webp') !important;
  }
}

.bg-dove-blue { background-color: rgba(107, 109, 255, 1.0) ; }