@import url('https://fonts.googleapis.com/css2?family=Roboto+Mono:ital,wght@0,100..700;1,100..700&family=Sixtyfour&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Libre+Barcode+39&display=swap');

:root {
  --maincol: #915fc1;
  --variantcol: #6e46b9;
  --backgroundcol: #5423a0;
  --scrollcol1: #8662d3;
  --scrollcol2: #af86db;
  --accentcol: #d98acd;
  --fontcol: #ffb8ec;
  --headerfont: "Sixtyfour", sans-serif;
  --mainfont: "Roboto Mono", monospace;
  --barcode: "Libre Barcode 39", serif;;
  --fontsize: 20px;
  --bigfontsize: 32px;
  --bigborder: 5px double var(--accentcol);
  --smallborder: 2px double var(--accentcol);
}

body {
  /*cursor: url(files/cursor.png), auto;*/
}

/* width */
::-webkit-scrollbar {
  width: 5px;
}

/* Track */
::-webkit-scrollbar-track {
  background: var(--scrollcol1);    
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: var(--scrollcol2);
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: var(--accentcol);
}