html,
body {
  position: relative;
  width: 100%;
  height: 100%;
}

body {
  background-color: #000;
  color: #fff;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;
}

* {
  user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  -khtml-user-select: none;
  -o-user-select: none;
  -moz-user-select: -moz-none;
}

/* Style scrollbars on Firefox */
* {
  scrollbar-width: thin;
  scrollbar-color: #0088FF #222;
}

/* Style scrollbars in Chrome, Edge, and Safari */
*::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}

*::-webkit-scrollbar-track {
  background: #222;
}

*::-webkit-scrollbar-thumb {
  color: green;
  background-color: green;
  border-radius: 5px;
  border: 3px solid green;
}
*::-webkit-scrollbar-corner {
  background: rgba(0, 0, 0, 0);
}

/* Hide scrollbar for WebKit browsers */
.scrollbar-hide::-webkit-scrollbar {
  display: none;
}

/* Hide scrollbar for Firefox */
.scrollbar-hide {
  scrollbar-width: none;
}