* {
    cursor: url('cursor.png') 0 0, auto !important;
}

a, button {
    cursor: url('cursor.png') 0 0, pointer !important;
}
/* Temporary test: replace the link below with your file once this works */
* {
    cursor: url('cursor.png'), auto !important;
}
/* This ensures images stay inside their panels */
.panel-img {
    max-width: 100%;  /* Keeps it from being wider than the panel */
    height: auto;     /* Maintains the correct proportions */
    border: 2px solid #0000FF; /* Optional: adds your blue theme border */
    margin-top: 10px;
}
 /* 1. Define the width and background of the entire scrollbar */
::-webkit-scrollbar {
  width: 16px;
  background-color: #dfdfdf; /* Classic 2000s light gray track */
}

/* 2. Style the draggable handle (Thumb) with a 3D bevel effect */
::-webkit-scrollbar-thumb {
  background-color: #BC13FE; /* Classic 2000s Teal */
  border-top: 2px solid #ffffff; /* Light top edge for 3D look */
  border-left: 2px solid #ffffff; /* Light left edge */
  border-right: 2px solid #004040; /* Dark shadow right edge */
  border-bottom: 2px solid #004040; /* Dark shadow bottom edge */
}

/* 3. Style the top and bottom scroll arrow buttons */
::-webkit-scrollbar-button {
  display: block;
  height: 15px;
  background-color: #dfdfdf;
  border-top: 2px solid #ffffff;
  border-left: 2px solid #ffffff;
  border-right: 2px solid #808080;
  border-bottom: 2px solid #808080;
}
 body {
    font-family: 'VT323', monospace;
}