body {
  cursor: url("images/lemon.png"), auto;
  padding-top: 15px;
  background-color: white;
  color: black;
  font-family: 'Unifont Ex Mono', monospace;
  font-style: normal;
  font-size: 10px;
  
  selector {
  -webkit-font-smoothing: none;
  font-smooth: never;
  text-rendering: optimizeSpeed;
}


  /* Disable anti-aliasing */
  font-smooth: never;
  -ms-font-smoothing: none;
  text-rendering: optimizeSpeed;
}

/* Apply custom pointer cursor to links and buttons */
a, button, gadget button, .pointer-cursor {
  cursor: url("images/lemon2.png"), pointer;
}

/* navbar styling */
#navigation-menu {
  padding: 0 8px;
  background: #76de3e left center repeat-x scroll url('//storage.proboards.com/forum/images/gradients/sexy.png'); /* i stole this link from proboards sorry not sorry! */
  border: 0px solid #51ba18; /* that is a strange color... */
  border-radius: 0 0 0px 0px;
  width: 100%; /* fat */
  position: fixed; /* its topping everything... ok! */
  top: 0;
  left: 0;
  z-index: 1000; /* words words idk */
  font-family: 'MS UI Gothic', sans-serif; /* Make sure the navbar uses MS UI Gothic */
  font-weight: 100; /* Keep weight light in the navbar */
}

/* navmenu styling */
#navigation-menu > ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: flex; /* Flexbox to arrange items horizontally */
  font-family: 'Unifont Ex Mono', monospace; /* Ensure the nav items also use MS UI Gothic */
  font-weight: 100; /* Light font weight for navigation items */
}

#navigation-menu > ul li {
  margin-right: 15px; /* Space between links */
}

/* navmenu links styling */
#navigation-menu > ul li a {
  position: relative;
  display: inline-block;
  padding: 0 .75em;
  color: #000000; /* color #000000 */
  font-family: 'Unifont Ex Mono', monospace; /* Ensure links also use MS UI Gothic */
  font-weight: 100; /* Light weight for the links */
  text-decoration: none; /* ass soon no decor */
  text-shadow: none; /* ass soon that shadow is none */
  background: transparent; /* is nav bar empty? assume with this! */
  line-height: 31px;
}

/* hover navmenu links */
#navigation-menu > ul li:hover a {
  background: #ffb0e5 left center repeat-x url('images/gloss with shine below.png'); /* i ALSO stole this link from proboards sorry not sorry! */
  text-shadow: none;
}
/* active state for navmenu links */
#navigation-menu > ul li a.state-active {
  color: #ffb0e5; /* Active state color */
  font-family: 'Unifont Ex Mono', monospace; /* Active links also use MS UI Gothic */
  font-weight: 100; /* Keep the font weight light */
  text-decoration: none;
  background: #ffb0e5; /* Tomato color */
  line-height: 31px;
}

/* buurps */
#navigation-menu div.tip-holder {
  position: absolute;
  top: -8px;
  right: 3px;
  display: inline-block;
}

#navigation-menu div.tip-holder div.tip-number {
  padding: 3px 7px 2px 7px;
  background-color: #FFFFFF; /* Ass soon @nav_bar_bubble_background is white */
  border-radius: 5px; /* Ass soon @nav_bar_bubble_border_radius */
  font-family: 'Unifont Ex Mono', monospace; /* Tip number uses MS UI Gothic */
  font-weight: 100; /* Light weight */
  font-size: 0.8em;
  line-height: .8em;
  text-shadow: none;
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1); /* Ass soon @shadow_color is rgba(0, 0, 0, 0.1) */
  height: .8em;
  color: #000000; /* Ass soon @nav_bar_bubble_text_color is black */
}

/* Tip bubble arrow */
#navigation-menu div.tip-holder span.tip {
  border-top: 9px solid #FFFFFF; /* Ass soon @nav_bar_bubble_background is white */
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  position: absolute;
  left: 6px;
}

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

/* Track */
::-webkit-scrollbar-track {
  background: url('') repeat-x; 
  border-radius: 0px;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: url('images/maybe seamless.png') repeat-x; /* Ensures it repeats horizontally */
  border-radius: 0px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: url('https://clipart-library.com/images/kiKogn4aT.png') repeat-x;
}