/* 
 * CSS: Global
 * @desc: This section contains global custom styles that affect various elements of the website.
 */
 
/* Imports */
@import 'vars.1.1.css';

/* Box-Sizing */

/* Apply border-box sizing to all elements */
* {
  box-sizing: border-box;
}

/* Bold */
b {
  font-weight: bold!important;
}

/* HTML Size Adjustments */

/* Hide horizontal scrollbar and adjust HTML width */
html {
  overflow-x: hidden !important;
  width: 100%;
  max-width: 100%;
}

/* Site Background */

/* Set the background color of the body element */
body {
  background-color: var(--soft-black);
}

/* Prevent Blue Highlighting on Elements */

/* Disable the blue highlighting on links, buttons, images, and div elements */
a, button, img, div {
  -webkit-tap-highlight-color: transparent !important;
}

/* Scrollbar Customization */
 
/* Set the width and color of the scrollbar */
::-webkit-scrollbar {
  width: 0px !important;
}

/* Set the background color of the scrollbar track */
::-webkit-scrollbar-track {
  background-color: transparent !important;
}

/* Set the background color of the scrollbar thumb */
::-webkit-scrollbar-thumb {
  background-color: transparent !important;
}