/* Works on Firefox */
* {
    scrollbar-width: thin;
    scrollbar-color: rgba(179, 179, 179, 0.3) transparent;/*#b3b3b3;*/
  }
    
  /* Works on Chrome, Edge, and Safari */
    
  *::-webkit-scrollbar {
     width: 5px;     /* Tamaño del scroll en vertical */
     height: 5px;    /* Tamaño del scroll en horizontal */
     /*display: none;  /* Ocultar scroll */
  }
  /* Ponemos un color de fondo y redondeamos las esquinas del thumb */
  *::-webkit-scrollbar-thumb {
     background: #ccc;
     border-radius: 4px;
  }
  /* Cambiamos el fondo y agregamos una sombra cuando esté en hover */
  *::-webkit-scrollbar-thumb:hover {
     background: #b3b3b3;
     box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2);
  }
  /* Cambiamos el fondo cuando esté en active */
  *::-webkit-scrollbar-thumb:active {
     background-color: #999999;
  }
  *::-webkit-scrollbar-track {
     background: #e1e1e1;
     border-radius: 4px;
  }
  /* Cambiamos el fondo cuando esté en active o hover */
  *::-webkit-scrollbar-track:hover,
  *::-webkit-scrollbar-track:active {
     background: #d4d4d4;
  }