@font-face {
  font-family: 'GauFontPopMagic';
  src: url('/fonts/GAU_pop_magic.TTF.eot'); 
  src: url('/fonts/GAU_pop_magic.TTF.eot?#iefix') format('embedded-opentype'), 
       url('/fonts/GAU_pop_magic.TTF') format('truetype'), 
}



/* Width and height of the scrollbar */
::-webkit-scrollbar {
    width: 17px; /* Adjust width */
    height: 60px; /* Adjust height */
}

/* Scrollbar Track (background) */
::-webkit-scrollbar-track {
    background: url('your-track-image.png') center no-repeat;
    background-size: cover; /* Ensure image covers the track */
    background-color: #ffffff;
}

/* Scrollbar Thumb (the draggable part) */
::-webkit-scrollbar-thumb {
    background: url('images/win7scroll1.png') center no-repeat;
    background-size: cover; /* Fit the image */
    border-radius: 0px; /* Optional: round edges */
}

/* Scrollbar Thumb on Hover */
::-webkit-scrollbar-thumb:hover {
    background: url('images/win7scroll2.png') center no-repeat;
    background-size: cover;
}

html {
  background-size: auto 40px;
  background-repeat: repeat;
  background-color: #000000;
  color: #ff9900;
  font-family: "GauFontPopMagic";
  font-size: 20px;
  cursor: url("images/cursor2.gif"), auto;
  margin-left: 150px;
  margin-right: 20px;
}