css
/* style.css */

/* Define a bold, high-contrast color scheme */
:root {
  --primary-color: #FF69FF; /* Bright pink */
  --secondary-color: #000000; /* Black */
  --background-color: #F7F7F7; /* Soft gray */
}

/* Define font styles with bold, unsmoothed typography */
body {
  font-family: "Arial Black", sans-serif;
  font-size: 18px;
  line-height: 1.2;
  color: var(--primary-color);
  text-shadow: 0 1px 0 var(--secondary-color);
}

/* Add a thick black border to all elements */
* {
  border: 4px solid var(--secondary-color);
  border-radius: 0;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}

/* Add a harsh drop shadow to all elements */
* {
  box-shadow: 0 0 10px var(--secondary-color);
}

/* Define a custom scrollbar */
::-webkit-scrollbar {
  width: 10px;
  height: 10px;
  background-color: var(--background-color);
  border: 1px solid var(--secondary-color);
  border-radius: 0;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  scrollbar-color: var(--primary-color);
  scrollbar-width: 10px;
  scrollbar-thumb-size: medium;
}

/* Define a custom scrollbar thumb */
::-webkit-scrollbar-thumb {
  background: var(--primary-color);
  border: 2px solid var(--secondary-color);
  border-radius: 0;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  border-width: 2px;
  width: 10px;
  height: 10px;
  border-radius: 0;
}